如何使用 CSS 为 Mozilla Firefox 创建自定义滚动条？ [复制]

【问题标题】：How can I create custom scrollbar for Mozilla Firefox with CSS? [duplicate]如何使用 CSS 为 Mozilla Firefox 创建自定义滚动条？ [复制]
【发布时间】：2014-10-18 06:54:49
【问题描述】：

是否可以使用 CSS 为 Mozilla Firefox 创建自定义滚动条？

我发现一些文章表明它在过去受到支持（例如 http://codemug.com/html/custom-scrollbars-using-css/）。

还有更多的例子吗？

【问题讨论】：

跨浏览器自定义滚动条唯一可行的解决方案是Javascript，我通常使用并推荐这个插件：manos.malihu.gr/jquery-custom-content-scroller
最佳解决方案addons.mozilla.org/en-US/firefox/addon/noiascrollbars这是最佳解决方案
我想推荐 fakescroll 这是一个用于自定义滚动条的 vanilla-js 小脚本
从 Firefox 64 开始，您可以使用 scrollbar-color 属性：developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color

标签： css firefox scrollbar

【解决方案1】：

在这一侧，firefox scollbar 被取消。

http://codemug.com/html/custom-scrollbars-using-css/

但是看这里：

http://jscrollpane.kelvinluck.com

http://hesido.com/web.php?page=customscrollbar

http://script-tutorials.com/custom-scrollbars-cross-browser-solution

http://manos.malihu.gr/jquery-custom-content-scroller

这些插件适用于所有浏览器。

插件仅适用于火狐： https://addons.mozilla.org/de/firefox/addon/noiascrollbars/

希望能帮到你！

【讨论】：

这是我在这个问题上遇到的最佳答案。 @dabraham，考虑接受这个答案。 manos.malihu.gr/jquery-custom-content-scroller 是完美的：至少对我来说。我从谷歌搜索结果中探索的所有其他解决方案都有许多小问题。
这些都是javascript解决方案，不是css要求的
@alwe Mozilla Firefox 的 css 是不可能的：bugzilla.mozilla.org/show_bug.cgi?id=77790