css：自定义浏览器滚动条样式【自留记录】

搬砖的前端

于 2023-06-08 11:22:15 发布

阅读量130

点赞数

文章标签： css javascript 前端

互帮互助，点赞收藏。一起成长，欢迎互动。

本文链接：https://blog.csdn.net/weixin_44461275/article/details/130270985

版权

css：自定义浏览器滚动条样式

width：滚动条宽度

// 自定义滚动条
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  border-radius: 2px;
}

div::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #999;
}

::-webkit-scrollbar-corner {
  background: #179a16;
}