I'm seeking a method of making the vertical scroll bar in Firefox wider so it's easier to grab on a touchscreen PC.

up vote 2 down vote accepted

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 and userContent.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 – AtanuCSE Mar 7 '14 at 5:52
  • @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. – Victor Dec 18 '17 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. – Jens Dec 10 '17 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

Your Answer

 

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.