Custom CSS Scrollbar for Firefox

by

As of late 2018, there is now limited customization available in Firefox!

See these answers:

And this for background info: https://bugzilla.mozilla.org/show_bug.cgi?id=1460109

There’s no Firefox equivalent to ::-webkit-scrollbar and friends.

You’ll have to stick with JavaScript.

Plenty of people would like this feature, see: https://bugzilla.mozilla.org/show_bug.cgi?id=77790

As far as JavaScript replacements go, you can try:

More Related Contents:

  1. Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink
  2. Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
  3. Scrollbar color change in Firefox
  4. What is the correct “-moz-appearance” value to hide dropdown arrow of a element
  5. Safari/Chrome (Webkit) – Cannot hide iframe vertical scrollbar
  6. CSS “outline” different behavior behavior on Webkit & Gecko
  7. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
  8. Chrome / Safari not filling 100% height of flex parent
  9. How to remove the border highlight on an input text element
  10. How to style HTML5 range input to have different color before and after slider?
  11. Does Firefox support position: relative on table elements?
  12. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  13. CSS scrollbar style cross browser [duplicate]
  14. Remove extra button spacing/padding in Firefox
  15. :not() selector not behaving the same between Safari and Chrome/Firefox
  16. CSS transition shorthand with multiple properties?
  17. Custom Cursor Image CSS
  18. How to hide scrollbar in Firefox?
  19. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  20. Fonts looks different in Firefox and Chrome
  21. How do I Make Firefox Print a Background-Color Style?
  22. Why does stacking order change on webkit filter hover?
  23. WebKit CSS content Unicode bug?
  24. How do I remove all default Webkit search field styling?
  25. Tint image using CSS without overlay
  26. Firefox sets wrong caret position contentEditable with :before
  27. webkit transform blocking link
  28. Ellipsis in flexbox container [duplicate]
  29. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
  30. :nth-letter pseudo-element is not working [closed]

Leave a Comment