/*滚动条样式*/ *::-webkit-scrollbar { /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height:4px; } *::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15); background:rgba(0,0,0,0.15); } *::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1); border-radius:0; background:rgba(0,0,0,0.1); }
更新时间:2020-03-31 09:21:03
纯css修改滚动条对、滚动条里面小方块、滚动条里面轨道、横竖滚动条的尺寸都可以自定义的修改