html滚动条CSS样式

DEMO:

body{
	SCROLLBAR-FACE-COLOR:#D8E3F2;  /*滚动条颜色*/
    SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;  /*2d亮部*/
    SCROLLBAR-3DLIGHT-COLOR:#99B4D1;  /*3d亮部*/
    SCROLLBAR-SHADOW-COLOR:#99B4D1;  /*滚动条阴影*/
    SCROLLBAR-ARROW-COLOR:#99B4D1;/*箭头颜色*/
    SCROLLBAR-TRACK-COLOR:#99B4D1;/*拖动区颜色*/  
    SCROLLBAR-DARKSHADOW-COLOR:#99B4D1;
}

说明：

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; /*滚动条的基色*/