首页 > 其他 > 详细

修改element-ui滚动条样式

时间:2020-04-10 13:26:53      阅读:982      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!