/*滾動(dòng)條樣式*/ div::-webkit-scrollbar { /*滾動(dòng)條整體樣式*/width: 5px; /*高寬分別對(duì)應(yīng)橫豎滾動(dòng)條的尺寸*/height: 5px; }div::-webkit-scrollbar-thumb { /*滾動(dòng)條里面小方塊*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #fafafa;background: rgba(0,0,0,.075); }div::-webkit-scrollbar-track { /*滾動(dòng)條里面軌道*/-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滚动条样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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