全局引入滚动条样式

最新推荐文章于 2024-04-02 09:36:40 发布

大阳plus

最新推荐文章于 2024-04-02 09:36:40 发布

阅读量235

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/weixin_43400431/article/details/126159123

版权

css

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  /* width: 1px;
  height: 1px; */
  display: none;
  background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb {
  /* width: 1px;
  height: 1px; */
  display: none;
  border-radius: 8px;
  background-color: #d2d3d4;
}

* {
  scrollbar-width: thin !important;
  scrollbar-color: #f5f5f5;
}