默认滚动条样式丑丑丑!想办法了解了一下用css重写滑动条样式。
div::-webkit-scrollbar {
/*滚动条区域的样式*/
}
div::-webkit-scrollbar-thumb {
/*滑动块样式*/
}
div::-webkit-scrollbar-track {
/*滑动轨道样式*/
例:
.jyhjz .right-cont .contl ul .options::-webkit-scrollbar {
height: 1px;
width: 2px;
}
.jyhjz .right-cont .contl ul .options::-webkit-scrollbar-thumb {
border-radius: 1px;
background : #000;
}
效果: