修改网页原生滚动条样式
不多bb,直接上代码
.quanZhongBox-main::-webkit-scrollbar {/*滚动条整体样式*/
width: 10px;
height: 1px;
}
.quanZhongBox-main::-webkit-scrollbar-thumb {/*滚动条里面的滑块*/
border-radius: 10px;
background: rgba(255,255,255,.5);
}
.quanZhongBox-main::-webkit-scrollbar-track {/*滚动条里面轨道背景*/
border-radius: 10px;
background: rgba(0,0,0,.1);
}
也没啥可以说的,都标注了,小白同学直接把‘.quanZhongBox-main’这个类换成自己需要修改滚动条样式的box