html5的修改滚动条滑块样式,修改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浏览器下可生效的

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