刷到一个帖子问 Firefox 是不支持网页的滚动条样式吗?,说有些网页会呈现自定义的滚动条,Chrome 和 Safari 打开是正常的,但是 Firefox 只会显示默认的样式。
我的映像里也是这样的,FF对于支持滚动条的样式自定义并不是特别好,有一些属性会有问题。
但是为了回复更有价值和佐证,我还是去 MDN 上面检索了一下相关的 CSS 样式属性,但是查询出来的是 FF 是支持的而且是很早期就支持了,反而是 webkit 内核的浏览器早期对于滚动条样式的支持有问题!

这就很奇怪了,难道是我记忆错误了?
其实并不是记忆出错了,而是当时 Chrome 大行其道,开发者和用户都是使用的 Chrome 。
所以很多网站直接用 ::-webkit-scrollbar-* 这样带有私有前缀的伪类选择器去自定义滚动条样式,而不是用 scrollbar 的样式属性。
反而导致我们觉得 FF 不支持滚动条样式的设置了。但却是如果按照大多数人使用的浏览器实现作为标准,确实是 FF 不支持 ::scrollbar-* 这几个伪类选择器。

所以其实FF是支持自定义滚动条样式的。只是说因为现实原因和开发者偷懒,只使用了 Chrome 支持的伪类选择器来自定义滚动条样式,主动放弃了对于FF的兼容性考虑。
现在我们可以直接用 scroll-* 和 scrollbar-* 这些属性来自定义滚动条样式了。
但是 scrollbar-* 并不能精细的设置滚动条样式,如果要更精细的控制滚动条样式的话,使用 scrollbar-* 还是会有限制,比如说滚动条宽度只支持 auto | thin | none 三个关键字,而不支持设置具体的 px宽度。