//滚动条的宽度
.your-table .el-table__body-wrapper::scrollbar {
width: 10px;
height: 10px;
}
//滚动条的滑块
.your-table .el-table__body-wrapper::scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}
如果是整个页面的滚动条风格是一致的,直接改全局的滚动条样式也可以有效果~
//滚动条的宽度
::scrollbar {
width: 10px;
height: 10px;
}
//滚动条的滑块
::scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}
Ps1:滚动条样式存在兼容性问题,以上的样式是在 Webkit 浏览器 下可生效的!
Ps2:宽高设置成一样,避免出现意想不到的样式BUG~,特别是 el-table 里的表格 fixed column 高度出现BUG。