滚动条样式的修改是通过伪元素实现的：
-webkit-scrollbar 滚动条整体部分 -webkit-scrollbar-button 滚动条两端的按钮 -webkit-scrollbar-track 外层轨道 -webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去） -webkit-scrollbar-thumb 内嵌滑块 -webkit-scrollbar-corner 边角 -webkit-resizer 定义右下角拖动块的样式
示例代码
ul::-webkit-scrollbar {
width: 4px;
}
ul::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
opacity: 0.2;
background: fade(#000,50%);
}
ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
background: fade(#000, 30%);
}