修改滚动条样式

最新推荐文章于 2025-05-31 14:44:36 发布

♪和曲而歌♪

最新推荐文章于 2025-05-31 14:44:36 发布

阅读量120

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/qq_44347545/article/details/115381619

版权

css 专栏收录该内容

1 篇文章

订阅专栏

1.vue中修改滚动条样式

css如下：

::-webkit-scrollbar {
  width: 1px;
  height: 10px;
}
::-webkit-scrollbar-track {
  --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgb(207, 209, 214);
  --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgb(207, 209, 214);
}