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

Question

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

我找到了一些文章，它们说明过去支持此功能（例如：http://codemug.com/html/custom-scrollbars-using-css/）。

还有其他示例吗？

- dabraham

---

跨多个浏览器自定义滚动条的唯一可行解决方案是JavaScript，我通常使用并推荐这个插件：http://manos.malihu.gr/jquery-custom-content-scroller/ - Frisbetarian-Support Palestine

最佳解决方案 https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/ 这是最佳解决方案。 - Florin

我想推荐fakescroll，它是一个用于自定义滚动条的纯JS小脚本。 - vsync

从Firefox 64开始，您可以使用scrollbar-color属性：https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color - biziclop

Answer 1

这边取消了firefox的滚动条。

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

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

仅限Firefox的插件： https://addons.mozilla.org/de/firefox/addon/noiascrollbars/

希望能帮到您！

- linuscl

---

这是我在这个问题上遇到的最好的答案。@dabraham，请考虑接受这个答案。http://manos.malihu.gr/jquery-custom-content-scroller 对我来说非常完美。我从谷歌搜索结果中探索的所有其他解决方案都有许多微小的问题。 - shekeine

这些都是 JavaScript 解决方案，而不是所要求的 CSS。 - alwe

@alwe 在Mozilla Firefox中，使用CSS是不可能的：https://bugzilla.mozilla.org/show_bug.cgi?id=77790 - linuscl