滚动条样式修改

最新推荐文章于 2025-12-05 07:37:55 发布

原创最新推荐文章于 2025-12-05 07:37:55 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

这篇博客介绍了如何使用CSS来定制滚动条的外观，包括设置滚动条轨道和滑块的颜色、宽度和圆角等属性，以提升网页界面的视觉效果。

.demo{
  //滚动条的轨道的类名
  &::-webkit-scrollbar{
    width: 8px;
  }
  //滚动条的轨道的类名
  &::-webkit-scrollbar-track {
    background-color: #1f2150;
    border-radius: 5px;
  }
 //滚动条的滑块的类名
  &::-webkit-scrollbar-thumb {
    background-color: #2d3075;
    border-radius: 5px;
  }
}