北京大学php培训网站源码(dede,宝塔备份wordpress,宁波网站建设电话,做游戏网站选服务器css通过滚动条伪类来修改滚动条样式#xff0c;伪类名称如下
::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-track 滚动条轨道#xff08;里面装有滑块 thumb#xff09; ::-webkit-scrollbar-thumb 滚动条滑块 ::-webkit-scrollbar-button 滚动条轨道两端按钮 …css通过滚动条伪类来修改滚动条样式伪类名称如下
::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-track 滚动条轨道里面装有滑块 thumb ::-webkit-scrollbar-thumb 滚动条滑块 ::-webkit-scrollbar-button 滚动条轨道两端按钮 ::-webkit-scrollbar-track-piece 内层轨道滚动条中间部分 ::-webkit-scrollbar-corner 边角即两个滚动条的交汇处 ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
修改滚动条样式一般情况下只需要修改::-webkit-scrollbar滚动条的整体宽度和::-webkit-scrollbar-thumb滑块样式这两个即可其他样式可以根据需求添加
::-webkit-scrollbar {width: 6px;
}::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #d3d3d3;
}滚动条是伪类样式不添加css选择器时作用在全局上。
