*{
scrollbar-face-color:rgba(0,0,0,0.2); !*面子*!
scrollbar-arrow-color:rgba(0,0,0,0.2); !*箭头*!
scrollbar-3dlight-color:rgba(0,0,0,0.2); !*最外左*!
scrollbar-highlight-color:rgba(0,0,0,0.2); !*左二*!
scrollbar-shadow-color:rgba(0,0,0,0.2); !*右二*!
scrollbar-darkshadow-color:rgba(0,0,0,0.2); !*右一*!
scrollbar-track-color:rgba(0,0,0,0.2); !*滑道*!
}
!*滚动条整体*!
::-webkit-scrollbar{
width: 4px; !*高宽分别对应横竖滚动条的尺寸*!
height: 4px;
}
!*滚动条按钮*!
::-webkit-scrollbar-button {
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0;
background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track-piece{
background-color:rgba(0,0,0,0.2); !*滑道*!
-webkit-border-radius:4px; !*滑道圆角宽度*!
}
::-webkit-scrollbar-thumb{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.2);
!*background-color:#F3F3F3; !*滑动条表面*!*!
!*border:solid 1px #C0C0C0; !*滑动条边框*!*!
!*border-radius:4px; !*滑动条圆角宽度*!*!
}
!*横竖滚动条交角*!
::-webkit-scrollbar-corner {
background-color: rgba(0,0,0,0.2);
}
!*横竖滚动条交角图案*!
::-webkit-resizer {
!*background-image: url(/public/img/resizer-inactive.png);*!
background-repeat: no-repeat;
background-position: bottom right;
}
!*鼠标滑过滑动条*!
::-webkit-scrollbar-thumb:hover{
background-color:rgba(0,0,0,0.2);
}