Webkit内核滚动条通用样式定义-
/* ----------------------Webkit内核滚动条通用样式定义-------------------------------------*/ ::-webkit-scrollbar-track-piece{ background-color:#fff;/*滚动条的背景颜色*/ -webkit-border-radius:0;/*滚动条的圆角宽度*/ } ::-webkit-scrollbar{ width:12px;/*滚动条的宽度*/ height:8px;/*滚动条的高度*/ } ::-webkit-scrollbar-thumb:vertical{/*垂直滚动条的样式*/ height:18px; background-color:#dddddd; -webkit-border-radius:4px; outline:2px solid #fff; outline-offset:-2px; border: 2px solid #fff; } ::-webkit-scrollbar-thumb:hover{/*滚动条的hover样式*/ height:18px; background-color:#bcbcbc; -webkit-border-radius:4px; } ::-webkit-scrollbar-thumb:horizontal{/*水平滚动条的样式*/ width: 12px; background-color: #dddddd; -webkit-border-radius: 6px; }
IE
overflow-y:auto;
SCROLLBAR-FACE-COLOR:#ddd;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR: #fff;
SCROLLBAR-3DLIGHT-COLOR: #fff;
SCROLLBAR-ARROW-COLOR: white;
SCROLLBAR-DARKSHADOW-COLOR: white;