.scroll { height:500px; overflow-y:auto; width:500px; background:#F0FFFF; } .scroll::-webkit-scrollbar { /*滚动条整体样式*/ width:10px; /*高宽分别对应横竖滚动条的尺寸*/ height:1px; } .scroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius:10px; box-shadow:inset 0 0 5px #3f78f5; background:#3f78f5; } .scroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow:inset 0 0 5px #3f78f5; border-radius:10px; background:#ededed; } li { list-style:none; }
更新时间:2020-09-25 00:16:46
简单的css实现镂空滚动条