CSS 滚动条样式生成器

设置作用选择器、滚动条宽度、滑块颜色、轨道颜色、悬停颜色与圆角，工具会生成基于 ::-webkit-scrollbar 与标准 scrollbar-color 的 CSS 代码，让滚动条与页面风格统一。全部在浏览器本地完成。

滚动条设置等待输入

选择器

宽度(px)

圆角(px)

滑块颜色

轨道颜色

悬停颜色

颜色支持 #hex 或 rgb() 等 CSS 颜色写法。

生成结果

属性数—

选择器—

设置参数后点击生成，CSS 代码将显示在这里。

标准属性 scrollbar-color 已兼容 Firefox；结果仅供参考。

使用说明

::-webkit-scrollbar 系列伪元素用于定制 Chrome / Edge / Safari 滚动条。
::-webkit-scrollbar-thumb 是滑块，-track 是轨道。
scrollbar-width: thin 与 scrollbar-color 是标准属性，兼容 Firefox。
宽度同时影响横向（height）与纵向（width）滚动条。
圆角需配合足够宽度才有明显效果。