Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

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
This thread was archived. Please ask a new question if you need help.
Archived

Remove scrollbars using CSS

Firefox Site breakages
Mick replied 5 years ago
spammerspiss
spammerspiss

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?
Attached screenshots

All Replies (1)

Mick
Mick

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 */

}

Modified by Mick