修改 div 的滾動條的樣式

需要用到瀏覽器專屬的偽元素，沒有萬能的辦法，支持的瀏覽器不是很多。
假設有一個（你已經）設好寬高、定好位的 div，

<div class="group-list"></div>

超出的部分要隱藏好，

.group-list {max-height: 510px;overflow: auto; }

需要加上下面的樣式，來修改滾動條的寬度和顏色。

.group-list::-webkit-scrollbar {width: 4px; } .group-list::-webkit-scrollbar-thumb {background-color: #d9d9d9; }

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。