Firefox 是不支持网页的滚动条样式吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 35 天前的主题，其中的信息可能已经有所发展或是发生改变。

有些网页会呈现自己的滚动条 chrome 系打开都是正常的 firefox 只显示自己的样式
哪位知道如何让 firefox 的滚动条跟随网页的样式？

Firefox

滚动条

样式

1 条回复 2025-11-20 16:48:41 +08:00

35 天前

其实是支持的，反倒是早些时候 Chrome 不支持 scrollbar 样式属性。

当时 Chrome 大行其道，开发者和用户都是使用的 Chrome 。所以很多网站直接用 `::-webkit-scrollbar-*` 这样带有私有前缀的伪类选择器去自定义滚动条样式，而不是用 `scrollbar` 的样式属性。

反而导致觉得 FF 不支持滚动条样式的设置了（如果按照大多数人作为标准，确实是 FF 不支持 ::scrollbar-* 这几个伪类选择器）

-----
- [CSS Scrollbars - CSS：层叠样式表 | MDN]( https://developer.mozilla.org/zh-CN/docs/Web/CSS/Guides/Scrollbars_styling)
- [::-webkit-scrollbar - CSS：层叠样式表 | MDN]( https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference/Selectors/::-webkit-scrollbar)
- ["scrollbar" | Can I use]( https://caniuse.com/?search=scrollbar)
- ["::-webkit-scrollbar" | Can I use]( https://caniuse.com/?search=%3A%3A-webkit-scrollbar)
- [还有完没完，怎么又来了个 scrollbar-gutter ？张鑫旭-鑫空间-鑫生活]( https://www.zhangxinxu.com/wordpress/2022/01/css-scrollbar-gutter/)