更改css滚动条的样式很常见,首先需要了解滚动条的某些属性滚动条的配置。-webkit-scrollbar整个滚动条
:-WebKit-scroll bar-thumb滚动条中的小方块,可上下左右移动
: -维基百科- scroll bar-track滚动条轨道
可以通过单击:3360-WebKit-scroll bar-button滚动条轨道两端的按钮来微调小四边形的位置
:3360-WebKit-scroll bar-track-piece内层轨道、滚动条的中间部分(除外) ) ) ) ) ) ) ) ) ) ) )。
:-WebKit-scroll bar-corner角点和两个滚动条的触点
:-webkit-resizer中两个滚动条交叉点的控件,用于通过拖动调整元素大小
//table-box为父代,全局直接使用:3360-WebKit-scroll bar.table-box 33603360-WebKit-scroll bar { width 336040 px } - WebKit-box-shadow : inset 05 pxlinear-gradient (RGB (126、238、255 )、RGB (83、155、255 ) )背景图像255 ) }.table-box :3360-web kkkk border-radius : 0; 后台: RGB (26,31,40 ); }效果图(稍微粗糙、渐变滚动条) ) ) )。
如果需要隐藏滚动条//,请在:之前与父类的class名称一起使用:3360-WebKit-scroll bar { border-width :1 px; }