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

Remove scrollbars using CSS

  • 1 cavab
  • 1 has this problem
  • 1 view
  • Last reply by Mick

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)

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