1、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; /*滚动条的基色*/
.ScrollBar { scrollbar-arrow-color: #000000; scrollbar-base-color: #71b2dc; scrollbar-face-color: #71b2dc; scrollbar-shadow-color: #71b2dc; scrollbar-highlight-color: #71b2dc; scrollbar-3dlight-color: #88b8ed; scrollbar-darkshadow-color: #88b8ed; scrollbar-track-color:#bde6ff;}
2、chrome下设置滚动条 在样式中加入以下。
::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-track-piece 内层滚动槽::-webkit-scrollbar-thumb 滚动的滑块::-webkit-scrollbar-corner 边角::-webkit-resizer 定义右下角拖动块的样式