自定义html滚动条样式



/*滚动条整体样式*/ *::-webkit-scrollbar { width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } *::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background: #515a6e; } *::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #dcdee2; }

自定义html滚动条样式

 

上一篇:css:改变滚动条样式


下一篇:java01