在CSS中，可以通使用scrollbar-face-color、scrollbar-arrow-color等属性和“::-webkit-scrollbar”、“::-webkit-scrollbar-thumb”等选择器来修改滚动条的样式。
下面就讲解滚动条几个属性，主要有下面7个属性
[start-plane type="1"] ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动槽 ::-webkit-scrollbar-thumb 滚动的滑块 ::-webkit-scrollbar-corner 边角 ::-webkit-resizer 定义右下角拖动块的样式 [/start-plane]
自用修改好的样式：
::-webkit-scrollbar {
width: 4px;
height: 6px;
}
::-webkit-scrollbar-corner {
display: block;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
border-right-color: transparent;
border-left-color: transparent;
background-color: rgba(0, 0, 0, 0.1);
}
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
