修改element-ui滚动条样式
Posted graceyang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了修改element-ui滚动条样式相关的知识，希望对你有一定的参考价值。
//滚动条的宽度
.your-table .el-table__body-wrapper::-webkit-scrollbar {
width: 10px;
height: 10px;
}
//滚动条的滑块
.your-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}
如果是整个页面的滚动条风格是一致的，直接改全局的滚动条样式也可以有效果
//滚动条的宽度
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}
滚动条样式存在兼容性问题，以上的样式是在webkit浏览器下可生效的
以上是关于修改element-ui滚动条样式的主要内容，如果未能解决你的问题，请参考以下文章
解决element-ui table固定列会遮挡住滚动条 ，左右无法拖动