I'm seeking a method of making the vertical scroll bar in Firefox wider so it's easier to grab on a touchscreen PC.
3 Answers
There is a solution to your problem on Mozilla Zine: How to make the browser scroll bar wider.
Put this code in both
userChrome.css
anduserContent.css
:
/* Increase width of VERTICAL SCROLLBAR */
scrollbar[orient="vertical"], scrollbar[orient="vertical"] thumb, scrollbar[orient="vertical"] scrollbarbutton { min-width: 35px !important; -moz-appearance: none !important; }
/* Increase width of HORIZONTAL SCROLLBAR */
scrollbar[orient="horizontal"], scrollbar[orient="horizontal"] thumb, scrollbar[orient="horizontal"] scrollbarbutton { min-height: 35px !important; -moz-appearance: none !important; }
-
Tried it in a JSfiddle, didn't work. Can you please tell me why?? jsfiddle.net/2aHeE/530– AtanuCSEMar 7, 2014 at 5:52
-
1@AtanuCSE, this is code that needs to go in Firefox's own CSS style files. Not CSS rules that apply to the web content. Only Firefox's own scrollbars.– VictorDec 18, 2017 at 10:02
It's no more possible with userChrome.css or userContent.css for new versions of firefox , try this addon: https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/
-
Looks like this also no longer works as of Firefox 57. The link displays a big red message: This add-on is not compatible with your version of Firefox.– JensDec 10, 2017 at 12:45
If you are using xp, you can still rightclick on desktop Properties Appearance Advanced Scrollbar and make wider. Mine is 21.
It also will affect Firefox and ALL other programs I use on my XP.
Anelle in Idaho