CSS设置页面滚动条的样式

谷歌里面设置滚动条的样式：

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 

::-webkit-scrollbar 

{ 

    width: 10px; 

    height: 10px; 

    background-color: #c1e2f1; 

} 

 

/*定义滚动条轨道 内阴影+圆角*/ 

::-webkit-scrollbar-track 

{ 

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

    border-radius: 10px; 

    background-color: #c1e2f1; 

} 

 

/*定义滑块 内阴影+圆角*/ 

::-webkit-scrollbar-thumb 

{ 

    border-radius: 10px; 

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 

    background-color: #1f7ebe; 

}-color: #c1e2f1; 

IE浏览器里面设置滚动条的样式：

body{

 scrollbar-face-color: #1f7ebe;        /*滚动条凸出部分的颜色*/

 scrollbar-highlight-color: #1f7ebe;    /*滚动条空白部分的颜色*/

 scrollbar-shadow-color: #1f7ebe;     /*立体滚动条阴影的颜色*/

 scrollbar-3dlight-color: #1f7ebe;     /*滚动条亮边的(www.111cn.net)颜色*/

 scrollbar-arrow-color: #1f7ebe;     /*上下按钮上三角箭头的颜色*/

 scrollbar-track-color: #c1e2f1;     /*滚动条的背景颜色*/

 scrollbar-darkshadow-color: #1f7ebe;     /*滚动条强阴影的颜色*/

 scrollbar-base-color: #1f7ebe;     /*滚动条的基本颜色*/

}