::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
}
注意：该方法只适用于 -webkit- 内核浏览器
滚动条外观由两部分组成：
①.、滚动条整体滑轨
name::-webkit-scrollbar //滚动条整体样式
name::-webkit-scrollbar-track //滚动条滑轨
（相关视频教程推荐：css视频教程）
例如：改变整体页面的滚动条样式
body::-webkit-scrollbar{ //先改变body的滚动条宽度
body::-webkit-scrollbar-track{//再改变body的滚动条轨道颜色
body::-webkit-scrollbar-thumb{//最后改变body的滚动条滑轨相关的样式
}可在样式中添加背景、透明度,边框,圆角等属性,使浏览器更美观.
推荐教程：css快速入门
.rules-bar .el-card__body::-webkit-scrollbar{ //先改变body的滚动条宽度
.rules-bar .el-card__body::-webkit-scrollbar-track{//再改变body的滚动条轨道颜色
.rules-bar .el-card__body::-webkit-scrollbar-thumb{//最后改变body的滚动条滑轨相关的样式
以上就是土嘎嘎小编大虾米为大家整理的相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用，就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦！！