用css实现IE滚动条颜色的修改

参数说明：1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。 参数: visible：扩大面积以显示所有内容 auto：仅当内容超出限定值时添加滚动条 hidden：总是隐藏滚动条 scroll：总是显示滚动条 2、height : 设置滚动条的高度（修改其后数值即可）。 3、滚动条颜色参数设置： 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   设置或检索滚动条基准颜色  实现代码：

1. <STYLE type="text/css">
   
2. <!--
   
3. BODY {
   
4. scrollbar-face-color:#CC0000;//轴面颜色
   
5. scrollbar-arrow-color:#FFFFFF;//箭头颜色
   
6. scrollbar-track-color:#EDEDED;//轴轨道颜色
   
7. scrollbar-highlight-color:#FFFFFF;//左立体边颜色
   
8. scrollbar-3dlight-color:#D1D7DC;//轴面左边角颜色
   
9. scrollbar-shadow-color:#DEE3E7; //右立体边颜色
   
10. scrollbar-darkshadow-color:#BABABA;//轴面右边角颜色
    
11. }
    
12. -->
    
13. </style>

复制代码

如果只改部分的滚动条颜色
在div里加class
如<div class="scrollcolor">
在.css文件里加上

1. 
   
2. .scrollcolor{
   
3.         scrollbar-face-color: #c8ebf8; //轴面颜色
   
4.         scrollbar-shadow-color: #D2E5F4; //右立体边颜色
   
5.         scrollbar-highlight-color: #D2E5F4; //左立体边颜色
   
6.         scrollbar-3dlight-color: #FFFFFF; //轴面左边角颜色
   
7.         scrollbar-darkshadow-color: #FFFFFF; //轴面右边角颜色
   
8.         scrollbar-track-color: #FFFFFF; //轴轨道颜色
   
9.         scrollbar-arrow-color: #D2E5F4;  //箭头颜色
   
10. }

复制代码