CSS中如何设置滚动条颜色

这篇文章主要介绍"CSS中如何设置滚动条颜色"，在日常操作中，相信很多人在CSS中如何设置滚动条颜色问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"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;  }