修改elementui的表格的默认滚动条

最新推荐文章于 2024-08-06 16:51:51 发布

codersole

最新推荐文章于 2024-08-06 16:51:51 发布

阅读量185

点赞数

文章标签： elementui 前端 css

本文链接：https://blog.csdn.net/Link_Anew/article/details/133028010

版权

直接将下列代码放入css中即可

/*滚动条整体部分,必须要设置*/
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: transparent;
}
/*滚动条的轨道*/
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
  //background-color: #f3f6fd;
}
/*滚动条的滑块按钮*/
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #dddeea;
  box-shadow: inset 0 0 5px #f3f6fd;
}
/*滚动条的上下两端的按钮*/
//::v-deep .el-table__body-wrapper::-webkit-scrollbar-button {
//  height: 0;
//  background-color: rgb(92, 7, 42);
//}

// 两个滚动条的交汇处
::v-deep .el-table__body-wrapper::-webkit-scrollbar-corner {
  background-color: transparent;
}