0
点赞
收藏
分享

微信扫一扫

Element UI - 滚动条样式(仅支持 Webkit 内核)


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

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

Ps2:宽高设置成一样,避免出现意想不到的样式BUG~,特别是 el-table 里的表格 fixed column 高度出现BUG。


举报

相关推荐

0 条评论