如何改变滚动条的颜色？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何改变滚动条的颜色？相关的知识，希望对你有一定的参考价值。
我做了个小小的网页，为了美观想改变滚动条的颜色，如何改？
参考技术A css实现的方法在 <head> 与 </head> 之间加入：
<STYLE type=text/css>
body
SCROLLBAR-FACE-COLOR: #ff99cc ;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #ff0000;
SCROLLBAR-3DLIGHT-COLOR: #ff0000;
SCROLLBAR-ARROW-COLOR: #ff0000;
SCROLLBAR-TRACK-COLOR: #ffcccc;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff
</STYLE>
CSS属性属性说明
scrollbar-3dlight-color滚动条亮边框颜色
scrollbar-arrow-color滚动条方向箭头的颜色
scrollbar-darkshadow-color滚动条下边和右边的边沿颜色
scrollbar-face-color滚动条3D表面的颜色
scrollbar-highlight-color滚动条斜面和左面颜色
scrollbar-shadow-color滚动条下斜面和右面颜色
scrollbar-track-color滚动条底版颜色
scrollbar-base-color滚动条基准颜色。
颜色代码你应该懂吧？修改就可以了本回答被提问者采纳 参考技术B 滚动条颜色生成器
http://www.urldown.com/soft/internet/228/6243.html
各条语句含义如下：
Crollbar-Face-color:滚动条页面颜色设定；
Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定；
Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定；
Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定；
Scrollbar-Arrow-Color:滚动条两端箭头颜色设定；
Scrollbar-Track-Color:滚动条底版颜色设定；
Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定。
overflow-x:hidden;隐藏水平滚动条
1、隐藏滚动条
在任何情况下，如果网页超出显示范围，就会出现滚动条。但有时我们并不想让它显示，如何隐藏它呢？只需在之间插入代码：即可。其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。
2、滚动条各条语句含义如下：
Crollbar-Face-color:滚动条页面颜色设定；
Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定；
Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定；
Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定；
Scrollbar-Arrow-Color:滚动条两端箭头颜色设定；
Scrollbar-Track-Color:滚动条底版颜色设定；
Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定
3、滚动条透明代码：
#ffffff为颜色代码，可根据网页的基色来改变。
框架示范（改变代码里的数字则是改变框架在网页里面的位置）：
框架内容
以上是关于如何改变滚动条的颜色？的主要内容，如果未能解决你的问题，请参考以下文章