设置滚动条样式

Posted 2023-04-06

参考技术A .rules-bar .el-card__body::-webkit-scrollbar //先改变body的滚动条宽度
width: 8px;


.rules-bar .el-card__body::-webkit-scrollbar-track//再改变body的滚动条轨道颜色
background: rgb(200, 200, 200);
border-radius: 5px;


.rules-bar .el-card__body::-webkit-scrollbar-thumb//最后改变body的滚动条滑轨相关的样式
background: rgb(120, 120, 120);
border-radius: 5px;

怎么用css设置火狐浏览器默认滚动条样式

参考技术A scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色
scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色
scrollbar-base-color 设置或检索滚动条基准颜色。其它界面颜色将据此自动调整