修改 div 的滚动条的样式

修改 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;
}