css滚动条样式(目前只google支持)

最新推荐文章于 2025-08-05 13:40:23 发布

避于核桃之内自誉为无疆限之君主

最新推荐文章于 2025-08-05 13:40:23 发布

阅读量434

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/shenqikai0319/article/details/84063910

前端专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了如何使用CSS对滚动条进行个性化定制，包括滚动条的宽度、高度、按钮、轨道和角部等各个部分的样式调整。通过具体代码示例，展示了如何实现平滑的滚动体验和美观的视觉效果。

#eachart_f::-webkit-scrollbar,
.left_top_pm::-webkit-scrollbar {
   width: 5px;
   height: 10px;
}

#eachart_f::-webkit-scrollbar-button,
.left_top_pm::-webkit-scrollbar-button {
   height: 0;
   width: 0;
}

#eachart_f::-webkit-scrollbar-thumb,
.left_top_pm::-webkit-scrollbar-thumb {
   background: #ccc;
   border-radius: 4px;
}

#eachart_f::-webkit-scrollbar-track,
.left_top_pm::-webkit-scrollbar-track {
   background-color: #f1f1f1;
   border-radius: 4px;
}

#eachart_f::-webkit-scrollbar-corner,
.left_top_pm::-webkit-scrollbar-corner {
   display: none;
}