修改谷歌浏览器默认滚动条

显示效果

样式及说明如下

/* 滚动条背景 */
::-webkit-scrollbar {
width: 10px;
background-color: #fff;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(109,109,109,0.3);
border-radius: 10px;
background-color: rgba(239,239,239,0.1);
}

/* 滚动滑块 */
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
background-color: #efefef;
}
/*上方和下方的按钮 */
::-webkit-scrollbar-button{
height: 0; //被隐藏了
background-color: #fff;
}