element ui的 滚动条样式很难看 这是修改全局的滚动条样式
可以添加一下代码
/**修改全局的滚动条*/
/**滚动条的宽度*/
::-webkit-scrollbar {
width: 8px;
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
background-color: #eaecf1;
border-radius: 3px;
}
修改前的效果
改后的效果![](https://i-blog.csdnimg.cn/blog_migrate/44381fb4c85e14d4cd164645ea609211.png)
修改后的样式 比原来好看多了
修改表格的滚动条
//修改表格的滚动条
.el-table__body-wrapper::-webkit-scrollbar {
width: 10px;
height: 10px;
}
//滚动条的滑块
.el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}