滚动条样式自定义

【滚动条样式自定义】滚动条样式自定义
文章图片

/*滚动条样式*/ *::-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); }

    推荐阅读