修改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浏览器下可生效的


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM