修改后效果:
html {
scrollbar-face-color:#dee3e7;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#dee3e7;
scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#069;
scrollbar-track-color:#efefef;
scrollbar-darkshadow-color:#98aab1;
}
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track {
border-radius:10px;
-webkit-box-shadow:inset 0 0 6px transparent;
}
::-webkit-scrollbar-track:hover {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);
background-color:rgba(0,0,0,0.01);
}
::-webkit-scrollbar-track:active {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);
background-color:rgba(0,0,0,0.05);
}
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.1);
border-radius:10px;
-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,0.4);
-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:active {
background:rgba(0,0,0,0.6);
}