elementui 优化滚动条

小前端

已于 2023-08-20 15:56:02 修改

阅读量266

点赞数

文章标签： elementui vue.js javascript

于 2023-08-18 10:59:42 首次发布

本文链接：https://blog.csdn.net/weixin_45041493/article/details/132357460

版权

修改全局的滚动条

::-webkit-scrollbar {
  width: 6px;//滚动条宽度
  height： 10px;//滚动条的高度

}
// 滚动条的滑块
::-webkit-scrollbar-thumb {
  background-color: #ececec;//设置滚动条的颜色
  border-radius: 3px;// 设置滚动条的圆角
}

// 修改表格(el-table)的滚动条
.el-table__body-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
// 滚动条的滑块
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #ececec;
  border-radius: 3px;
}