浏览器自定义滚动条样式
// An highlighted block
var foo = 'bar';
#main {
width:400px;
height:400px;
overflow:auto;
}
#main div {
width:600px;
height:600px;
}
#main::-webkit-scrollbar {
width:10px;
height:10px;
}
.main::-webkit-scrollbar-button {
background-color: #95bcd0;//顶部底部按钮颜色
}
.main::-webkit-scrollbar-track {
background: #95bcd0;
}
.main::-webkit-scrollbar-track-piece {
background: #a7c3e2;//滚动条总体底部背景色
}
.main::-webkit-scrollbar-corner {
background: #82afff;
}
.main::-webkit-scrollbar-resizer {
background: #95bcd0;
}
.main::-webkit-scrollbar-thumb {
background: #5892b5;
border-radius: 4px;
}