ElementUi修改滚动条样式

/*
定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸
*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: white;
}
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0px white;
    -webkit-box-shadow: inset 0 0 0px white;
    background-color: rgb(193, 193, 193);
    /*滚动条的背景颜色*/
    border-radius: 20px;
}
/*解决表格固定列时的压样式问题*/
  .el-table__fixed {
      height: calc(100% - 7px) !important;
  }

.el-table__fixed-right {
    height: calc(100% - 12px) !important;
}

.el-table__fixed-right::before,
.el-table__fixed::before {
    background-color: unset !important;
}
/*scrollbar END*/

没什么好说的，直接粘贴到main.js里面。或者新建一个CSS文件引入到main.js里面。

最后

以上就是狂野山水为你收集整理的ElementUi修改滚动条样式的全部内容，希望文章能够帮你解决ElementUi修改滚动条样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。