您的位置:首页 > Web前端 > CSS

element-ui中的表格el-table滚动条样式修改

2019-04-23 16:31 4259 查看

  可以参考看看:

[code]  // 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 3px;
}

  如果是整个页面的滚动条风格是一致的,直接改全局的滚动条样式也可以有效果

[code]//滚动条的宽度
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}

 滚动条样式存在兼容性问题,以上的样式是在webkit浏览器下可生效的

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: