Click here to Skip to main content
15,867,986 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
Hello everyone,

I want to resize my Mozilla browser Scrollbar width in my site. But I cannot get success ...

Can anybody help me for this ...

Thank you in advance

What I have tried:

::-moz-scrollbar { width: 15px; }
Posted
Updated 17-Oct-22 8:07am

scrollbar-width - CSS: Cascading Style Sheets | MDN[^]

The scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.

scrollbar-width: none;
scrollbar-width: thin;
scrollbar-width: auto;
 
Share this answer
 
Comments
OriginalGriff 5-Nov-19 4:01am    
While I applaud your urge to help people, it's a good idea to stick to new questions, rather than 3 year old ones. After that amount of time, it's unlikely that the original poster is at all interested in the problem any more! And ... "Experimental", "Check the Browser compatibility table carefully before using this in production" ... maybe not the best solution. :laugh:

Answering old questions can be seen as rep-point hunting, which is a form of site abuse. The more trigger happy amongst us will start the process of banning you from the site if you aren't careful. Stick to new questions and you'll be fine.
Richard Deeming 5-Nov-19 15:13pm    
Support for that property was added in Firefox 64, which was released in December 2018 - about 2½ years too late for the OP's project! :)

It's not a standard property, and it's in danger of being dropped[^], so it may not even work in Firefox for much longer.

Can I use... Support tables for HTML5, CSS3, etc[^]
You can't style the scrollbars in Firefox with CSS. People have been asking for this since Firefox was first released, but it's still not available:
77790 – (scrollbar-colors) Style the scrollbar (binding ::-moz-horizontal-scrollbar to XBL)[^]

The only way to get a custom scrollbar is to completely replace the scrollbar via Javascript. There are various plugins to do this - for example:
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900