ie下滚动条样式设置

项目中需要配置滚动条的样式，故做了如下小程序协助配置：

$(function(){
$("#btnSet").click(function(){
$(".Scroll").each(function(){
$("#Div_ScrollBarStyle").css(this.id,this.value);
});
})
$("#btnGet").click(function(){
$(".Scroll").each(function(){
this.value=$("#Div_ScrollBarStyle").css(this.id);
});
}).click();
});

#Div_ScrollBarStyle {
scrollbar-3dlight-color:#C3DAF9; /*- 最外左 -*/
scrollbar-highlight-color:#337abb; /*- 左二 -*/
scrollbar-face-color:#C3DAF9; /*- 面子 -*/
scrollbar-arrow-color:#ffffff; /*- 箭头 -*/
scrollbar-shadow-color:#337abb; /*- 右二 -*/
scrollbar-darkshadow-color:#C3DAF9; /*- 右一 -*/
scrollbar-base-color:#D7DCE0; /*- 基色 -*/
scrollbar-track-color:#fff;/*- 滑道 -*/
}
#Div_ScrollBarStyle {
width:160px;
height:160px;
border:#999 1px solid;
overflow:scroll;
margin:auto;
}
input {
width:80px;
}

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

立体滚动条亮边的颜色：
滚动条空白部分的颜色：
立体滚动条凸出部分的颜色：
上下按钮上三角箭头的颜色：
立体滚动条阴影的颜色：
立体滚动条强阴影的颜色：
滚动条的基本颜色：
滚动条的拖动区域颜色：

代码如下：

项目中需要配置滚动条的样式，故做了如下小程序协助配置：

$(function(){
$("#btnSet").click(function(){
$(".Scroll").each(function(){
$("#Div_ScrollBarStyle").css(this.id,this.value);
});
})
$("#btnGet").click(function(){
$(".Scroll").each(function(){
this.value=$("#Div_ScrollBarStyle").css(this.id);
});
}).click();
});

#Div_ScrollBarStyle {
scrollbar-3dlight-color:#C3DAF9; /*- 最外左 -*/
scrollbar-highlight-color:#337abb; /*- 左二 -*/
scrollbar-face-color:#C3DAF9; /*- 面子 -*/
scrollbar-arrow-color:#ffffff; /*- 箭头 -*/
scrollbar-shadow-color:#337abb; /*- 右二 -*/
scrollbar-darkshadow-color:#C3DAF9; /*- 右一 -*/
scrollbar-base-color:#D7DCE0; /*- 基色 -*/
scrollbar-track-color:#fff;/*- 滑道 -*/
}
#Div_ScrollBarStyle {
width:160px;
height:160px;
border:#999 1px solid;
overflow:scroll;
margin:auto;
}
input {
width:80px;
}
这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

这个是示例

立体滚动条亮边的颜色：
滚动条空白部分的颜色：
立体滚动条凸出部分的颜色：
上下按钮上三角箭头的颜色：
立体滚动条阴影的颜色：
立体滚动条强阴影的颜色：
滚动条的基本颜色：
滚动条的拖动区域颜色：