搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

Remove scrollbars using CSS

  • 1 回覆
  • 1 有這個問題
  • 9 次檢視
  • 最近回覆由 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?
附加的畫面擷圖

所有回覆 (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 */

}

由 Mick 於 修改