CSS自定义滚动条样式

IE是最早提供滚动条的样式支持,好多年了,但是其它浏览器一直没有支持,IE独孤求败了。
    这些样式规则很简单:
    •scrollbar-arrow-color: color; /*三角箭头的颜色*/
    •scrollbar-face-color: color; /*立体滚动条的颜色(包括箭头部分的背景色)*/
    •scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/
    •scrollbar-highlight-color: color; /*滚动条的高亮颜色(左阴影?)*/
    •scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/
    •scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/
    •scrollbar-track-color: color; /*立体滚动条背景颜色*/
    •scrollbar-base-color:color; /*滚动条的基色*/
    大概就这些,你也可以定义cursor来定义滚动条的鼠标手势。
    一下是几种滚动条的特效: 
    1、 控制横向和纵向滚动条的显隐
    去掉滚动条 x 轴
    去掉滚动条 y 轴
    滚动条 x/y 轴全部去掉
    2、滚动条颜色
   
    SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色
    SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色
    SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色
    SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色
    SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色
    SCROLLBAR-TRACK-COLOR 滚动条的背景颜色
    SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色
    SCROLLBAR-BASE-COLOR 滚动条的基本颜色
    3、 箭行符号滚动条代码
   
    4、 一侧滚动条代码
   
    5、 朴素型滚动条代码
   
    6、一侧滚动条代码
   
    7、 立体型滚动条代码
   
    ?/P>

你可能感兴趣的:(CSS自定义滚动条样式)