免费在线滚动条CSS定制器
默认浏览器滚动条并不总是符合您的设计。 Dokall 的滚动条定制器可让您在复制 CSS 之前选择轨道和缩略图颜色、设置宽度并实时预览结果。
生成的 CSS 包括 WebKit 和 Firefox 兼容规则。将代码片段放入样式表中，以获得精美的品牌滚动体验。
常见问题
此工具生成什么 CSS？
Dokall 使用 WebKit 伪元素（::-webkit-scrollbar）以及标准的 scrollbar-width 和 scrollbar-color 属性生成自定义滚动条样式 CSS。将 CSS 复制到你的样式表中即可。
自定义滚动条在所有浏览器中都能用吗？
WebKit 滚动条样式适用于 Chrome、Safari、Edge 和 Opera。Firefox 使用 scrollbar-width 和 scrollbar-color。为获得跨浏览器支持，请同时包含两套规则。本工具会自动生成两者。
复制前可以预览滚动条吗？
可以。在实时预览面板中调整颜色、宽度、圆角和轨道样式。预览滚动条会随设置更改实时更新。
自定义滚动条会影响性能吗？
不会。滚动条 CSS 纯粹是视觉效果，没有可测量的性能影响。浏览器会用你设定的颜色和尺寸渲染滚动条，而不是系统默认样式。
可以在 React 或 Vue 应用中样式化滚动条吗？
可以。将生成的 CSS 复制到全局样式表或 CSS module 中。对于组件作用域样式，将滚动条规则应用到容器类。WebKit 伪元素不适用于 CSS-in-JS 内联样式——请使用样式表。