/*滾動條樣式*/ div::-webkit-scrollbar { /*滾動條整體樣式*/width: 5px; /*高寬分別對應(yīng)橫豎滾動條的尺寸*/height: 5px; }div::-webkit-scrollbar-thumb { /*滾動條里面小方塊*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #fafafa;background: rgba(0,0,0,.075); }div::-webkit-scrollbar-track { /*滾動條里面軌道*/-webkit-box-shadow: inset 0 0 5px #fafafa;border-radius: 0;background: #ececec; }

效果下：

?

轉(zhuǎn)載于:https://www.cnblogs.com/oumi/p/9783821.html

總結(jié)

以上是生活随笔為你收集整理的修改DIV滚动条样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。