How can I create custom scrollbar for Mozilla Firefox with CSS?

Question

Is it possible to create a custom scrollbar for Mozilla Firefox with CSS?

I found some articles which tells it was supported in past (e.g. http://codemug.com/html/custom-scrollbars-using-css/).

Are there more examples?

The only viable solution for custom scrollbars across multiple browsers is Javascript, I usually use and recommend this plugin: http://manos.malihu.gr/jquery-custom-content-scroller/ — Frisbetarian-Support Palestine, Aug 25 '14 at 07:13
BEST SOLUTION https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/ Here is the best sollution — Florin, Sep 23 '15 at 18:47
I would like to recommend [`fakescroll`](https://github.com/yairEO/fakescroll) which is a vanilla-js tiny script for custom scrollbars — vsync, Jul 05 '18 at 09:34
Starting from Firefox 64 you can use the `scrollbar-color` property: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color — biziclop, Dec 14 '18 at 18:58

linuscl · Accepted Answer · 2015-12-06T18:27:27.140

18

On this side the firefox scollbar is cancelled.

But look here:

These are plugins that work for all browsers.

I hope I could help you!

edited Dec 06 '15 at 18:27

answered Aug 25 '14 at 07:09

linuscl

1

This is the best answer I have come across on this issue. @dabraham, consider accepting this answer. http://manos.malihu.gr/jquery-custom-content-scroller is perfect: at least for me. All other solutions I explored from google results came with many tiny issues. – shekeine Oct 25 '14 at 08:23
1

these are all javascript solutions, and not css as requested – alwe Sep 29 '16 at 12:03
@alwe It is NOT possible with css for Mozilla Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=77790 – linuscl Sep 29 '16 at 13:52

1 Answers1