修改网页原生滚动条样式

最新推荐文章于 2024-01-11 15:47:54 发布

原创最新推荐文章于 2024-01-11 15:47:54 发布 · 754 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#滚动条 #样式 #HTML #CSS3

样式专栏收录该内容

2 篇文章

订阅专栏

博客主要介绍了修改网页原生滚动条样式的方法，给出代码并标注，还提醒小白同学将'.quanZhongBox-main'类换成自己需要修改滚动条样式的box。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改网页原生滚动条样式

不多bb，直接上代码

	 .quanZhongBox-main::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     
        height: 1px;
      }
      .quanZhongBox-main::-webkit-scrollbar-thumb {/*滚动条里面的滑块*/
        border-radius: 10px;
        background: rgba(255,255,255,.5);
      }
      .quanZhongBox-main::-webkit-scrollbar-track {/*滚动条里面轨道背景*/
        border-radius: 10px;
        background: rgba(0,0,0,.1);
      }

也没啥可以说的，都标注了，小白同学直接把‘.quanZhongBox-main’这个类换成自己需要修改滚动条样式的box