网页Y轴滚动条 右侧滚动条样式修改

修改后效果：

 

 

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);
}