DIV滚动条颜色

DIV滚动条颜色可由以下属性设定
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
crollbar-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 设置或检索滚动条基准颜色。

 

 

-------------------

 

 

 

div显示滚动条的css代码

<div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div>

效果如下：

 

显示滚动条的代码

 

 

div显示上下滚动条的css代码

<div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </div>

 

div只显示上下滚动条

OVERFLOW-Y:scroll;这段是关键

 

 

修改div滚动条颜色的css代码

<div style="width:260px;height:120px; overflow-y:scroll; scrollbar-base-color:#ff6600; border:1px solid;"> 这里是你要显示的内容 </div>

 

修改滚动条颜色的代码

 

• SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)
• SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)
• SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)
•  SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)
•  SCROLLBAR-BASE-COLOR(滚动条的基本颜色)
• SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)

 

转载于:https://www.cnblogs.com/Mac_Hui/archive/2010/03/26/1697121.html