自定义谷歌浏览器滚动条样式
本代码在未在其他浏览器上测试
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb {
background-color: #d8d8d8;
outline-offset: -2px;
outline: 2px solid #d8d8d8;
-webkit-border-radius: 20px;
border: 2px solid #efefef;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover {
background-color: #b2b1b1;
-webkit-border-radius: 20px;
}
/*---滚动条大小--*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
background-color: #efefef;
-webkit-border-radius: 20px;
}