自定义浏览器自带的滚动条样式（谷歌）

最新推荐文章于 2025-05-20 17:15:45 发布

原创最新推荐文章于 2025-05-20 17:15:45 发布 · 334 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#滚动条

前端专栏收录该内容

33 篇文章

订阅专栏

本文详细介绍了如何使用CSS对滚动条进行个性化定制，包括滚动条的整体背景颜色、宽度、高度及内部滑块的样式调整。

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

    .coupledCondition::-webkit-scrollbar-thumb { /*滚动条里面可以拖动的那部分*/
        background: #8292ae !important;
        border-radius: 4px !important;
    }
    .coupledCondition::-webkit-scrollbar { /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
        width: 10px !important;
        height: 10px !important;
        background: #a9b9d3 !important;
    }