elementui 修改 el-table的滚动条样式

最新推荐文章于 2024-08-02 15:49:56 发布

不完美女孩-

最新推荐文章于 2024-08-02 15:49:56 发布

阅读量985

点赞数 1

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/LJJONESEED/article/details/127088876

版权

修改elementui中el-table滚动条的样式。

效果图：请添加图片描述

/deep/ .el-table__body-wrapper::-webkit-scrollbar {
  width: 8px; /*滚动条宽度*/
  height: 8px; /*滚动条高度*/
}

/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 0px; /*滚动条的背景区域的圆角*/
  background-color: #efefef; /*滚动条的背景颜色*/
}

/deep/ .el-table__body-wrapper::-webkit-scrollbar-corner {
  background-color: #efefef;
}

/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px; /*滚动条的圆角*/
  background-color: #65a4e5; /*滚动条的背景颜色*/
}