修改 div 的滚动条的样式

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_37925422/article/details/80624979

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