We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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.

Remove scrollbars using CSS

  • 1 reply
  • 1 has this problem
  • 1 view
  • Last reply by 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?
Attached screenshots

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

}

Modified by Mick