请注重定义滚动条颜色CSS代码的选择符改成html

CSS中如何设置滚动条颜色，针对这个问题，这篇文章详尽介绍了相对应的剖析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的技巧。

CSS设置滚动条颜色

我们在浏览网页的时侯有时可以看见网页滚动条颜色不是系统默认的款式，而是漂亮的紫色或其它颜色款式，其实这就是在网页代码之间加入代码来实现的，具体是什么代码呢？页面滚动条代码及其解释如下：

scrollbar-3d-light-color设置或检索滚动条亮边框颜色

scrollbar-highlight-color设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色

scrollbar-face-color设置或检索滚动条3D表面（ThreedFace）的颜色

scrollbar-arrow-color设置或检索滚动条方向箭头的颜色

scrollbar-shadow-color设置或检索滚动条3D界面的暗边（ThreedShadow）颜色

scrollbar-dark-shadow-color设置或检索滚动条暗边框（ThreedDarkShadow）颜色

scrollbar-base-color设置或检索滚动条基准颜色。其它界面颜色将据此手动调整

我们来看下边CSS设置滚动条颜色的实例：

SourceCodetoRun

#height{height:1000px;}html{scrollbar-face-color:#C00;scrollbar-highlight-color:#F60;scrollbar-3dlight-color:#F00;scrollbar-darkshadow-color:#000;scrollbar-Shadow-color:#000;scrollbar-arrow-color:#FFF;scrollbar-track-color:#D6A27E;}