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 边角