2024年4月28日发(作者：)

html滚动条颜色

大家知道html滚动条颜色吗?下面我们就给大家详细介绍一下吧!我们积

累了一些经验，在此拿出来与大家分享下，请大家互相指正。

 

 IE是最早提供滚动条的样式支持，好多年了，但是其它浏览器一直没有支

持，IE独孤求败了。

 这些样式规则很简单：

 scrollbar-arrow-color: color; /*三角箭头的颜色*/

 scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/

 scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/

 scrollbar-highlight-color: color; /*滚动条的高亮颜色（左阴影？）*/

 scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/

 scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/

 scrollbar-track-color: color; /*立体滚动条背景颜色*/

 scrollbar-base-color: color; /*滚动条的基色*/

 webkit不再是用简单的几个CSS属性，而是一坨的CSS伪元素：

 -webkit-scrollbar 滚动条整体部分

 -webkit-scrollbar-button 滚动条两端的按钮

 -webkit-scrollbar-track 外层轨道

 -webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）

 -webkit-scrollbar-thumb （拖动条？滑块？滚动条里面可以拖动的那个，肿

幺翻译好呢？）

 -webkit-scrollbar-corner 边角