CSS 实现滚动条样式设置

简介：
本教程详细介绍了如何使用纯CSS技术自定义网页中的滚动条外观，包括颜色、宽度和滑块形状等。 Webkit滚动条样式重置包括scrollbar、scrollbar buttons以及一个track。其中，track可以进一步细分为上半部分的trace pieces、下半部分的trace pieces 和中间的thumb。此外，还有-scrollbar corner用于表示横向与竖向交叉角区域和resize小控件。一旦定义了滚动条自定义样式，在CSS中将只使用这些新设置而忽略浏览器默认样式，这意味着不能单独为scrollbar button或scrollbar track设定样式。 -webkit-scrollbar相关的属性需要在重置时特别注意以确保一致性和兼容性。