Increase Scroll-bar Width In Firefox - Html / Css

I saw some questions about this, but those questions don't gave a solution that could work for me. I want to increase the Scrollbar width of a div. The div size is huge, so a horiz

Solution 1:

Although chrome supports changing the scrollbar width using -webkit prefixes none of the other browsers do. Some allow the scrollbar to be styled so the colours are different but as far as I am aware you cannot change the width.

Instead, if it is absolutely essential you change the scrollbar, you will need to use a JavaScript solution.

There are many solutions out there - too many to document in an answer on SO - but here are a few links to get you started:

• http://slodive.com/web-development/jquery-scroll/
• http://designhuntr.com/custom-jquery-scrollers/
• http://www.bloggingehow.com/2012/11/top-10-jquery-scrollbar-plugins-with.html
• http://www.scratchinginfo.com/best-jquery-scrollbar-plugins/

Solution 2:

check the below link. check the philipp comment mentioned in the site.

https://support.mozilla.org/en-US/questions/979461 also check the bugZilla

https://bugzilla.mozilla.org/show_bug.cgi?id=77790

Dont forget to check the comment #134

Custom CSS Scrollbar for Firefox

Solution 3:

Although you cant customs the css for FF .. you can use this plugin : http://manos.malihu.gr/tuts/m-custom-scrollbar-plugin.zip