34 lines
889 B
CSS
34 lines
889 B
CSS
|
::-webkit-scrollbar
|
||
|
|
{
|
||
|
|
height: 7px;
|
||
|
|
width: 7px;
|
||
|
|
background-color: #F5F5F5;
|
||
|
|
}
|
||
|
|
/*定义滚动条轨道 内阴影+圆角*/
|
||
|
|
::-webkit-scrollbar-track
|
||
|
|
{
|
||
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||
|
|
background-color: #F5F5F5;
|
||
|
|
}
|
||
|
|
/*定义滑块 内阴影+圆角*/
|
||
|
|
::-webkit-scrollbar-thumb
|
||
|
|
{
|
||
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
|
||
|
|
background-color: #bdbdbd;
|
||
|
|
}
|
||
|
|
/*滑块效果*/
|
||
|
|
::-webkit-scrollbar-thumb:hover
|
||
|
|
{
|
||
|
|
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
||
|
|
background: rgba(0,0,0,0.4);
|
||
|
|
}
|
||
|
|
/*IE滚动条颜色*/
|
||
|
|
html {
|
||
|
|
scrollbar-face-color:#bfbfbf;/*滚动条颜色*/
|
||
|
|
scrollbar-highlight-color:#000;
|
||
|
|
scrollbar-3dlight-color:#000;
|
||
|
|
scrollbar-darkshadow-color:#000;
|
||
|
|
scrollbar-Shadow-color:#adadad;/*滑块边色*/
|
||
|
|
scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/
|
||
|
|
scrollbar-track-color:#eeeeee;/*背景颜色*/
|
||
|
|
}
|