This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Remove scrollbars using CSS

  • 1 baphendule
  • 1 inale nkinga
  • 1 view
  • Igcine ukuphendulwa ngu Mick

spammerspiss
spammerspiss
more options

Hi, I am trying to make a website. The issue is that my website uses scroll. When using Linux or Windows 10 with FireFox, the scroll bars are there and they look terrible. Is there a way to remove the scroll bars using CSS since I am making a website and that would be the most convenient way?

Hi, I am trying to make a website. The issue is that my website uses scroll. When using Linux or Windows 10 with FireFox, the scroll bars are there and they look terrible. Is there a way to remove the scroll bars using CSS since I am making a website and that would be the most convenient way?
Ama-screenshot ananyekiwe

All Replies (1)

Mick
Mick
more options

hi, chrome edge and safari use -webkit-scrollbar Firefox requires CSS scrollbar.

an example: 

/* Hide scrollbar for Chrome, Edge, Safari and Opera */

.example::-webkit-scrollbar { 

 display: none;

}

/* Hide scrollbar for IE, and Firefox */ .example { 

 -ms-overflow-style: none;  /* IE*/
 scrollbar-width: none;  /* Firefox */

}

Okulungisiwe ngu Mick