修改element-ui滚动条样式

标签：风格   scroll   浏览器   scrollbar   radius   app   样式   back   ble   

//滚动条的宽度
.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滚动条样式

标签：风格   scroll   浏览器   scrollbar   radius   app   样式   back   ble   

原文地址：https://www.cnblogs.com/GraceYang/p/12672328.html