為了改善您的使用體驗,本網站正在進行維護,部分功能暫時無法使用。若本站的文件無法解決您的問題,想要向社群發問的話,請到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 發問,我們的社群成員將很快會回覆您的疑問。

搜尋 Mozilla 技術支援網站

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

了解更多

userChrome.css code hide scroll bar

more options

hi

what code i need to put in userChrome.css to hide horizontal scroll bar in firefox but not the vertical one? also its any way to make skinnier the vertical scrollbar?

ty

hi what code i need to put in userChrome.css to hide horizontal scroll bar in firefox but not the vertical one? also its any way to make skinnier the vertical scrollbar? ty

被選擇的解決方法

If you hide the scrollbar with root{ scrollbar-width: none } then this hides all the scroll bars and you can't differentiate. Styling scrollbars with userChrome.css has its limitations because this requires the highest priority level (AUTHOR_SHEET) and userChrome.css is lower priority (USER_SHEET).

This code in userContent.css should hide the horizontal scroll bar on web pages. You may have to place this code also in userChrome.css

* {overflow-x: hidden !important;}

從原來的回覆中察看解決方案 👍 0

所有回覆 (6)

more options

WARNING from the moderator team: userChrome.css scripts are not provided by Mozilla and is not officially supported. Firefox is a work in progress and, to allow for continuous innovation, Mozilla cannot guarantee future updates won’t impact your customizations. For this reason, Mozilla does not officially support style rules customization.

Please read Firefox Advanced Customization and Configuration Options to learn more.

more options

Is that about the horizontal scroll bar on web pages as that would be an overflow-x: hidden !important; rule in userContent.css ?

more options
more options

why the [removed] eveyone act like a robot and not give me answer, dont write if you dont know. i managed to hide both scroll bar in the userContent.css, anyone can help me only hide the horizontal?


/* HIDE SCROLL BAR */

root{ scrollbar-width: none }
  • { scrollbar-width: none }

(Edited for language used)

由 Paul 於 修改

more options

選擇的解決方法

If you hide the scrollbar with root{ scrollbar-width: none } then this hides all the scroll bars and you can't differentiate. Styling scrollbars with userChrome.css has its limitations because this requires the highest priority level (AUTHOR_SHEET) and userChrome.css is lower priority (USER_SHEET).

This code in userContent.css should hide the horizontal scroll bar on web pages. You may have to place this code also in userChrome.css

* {overflow-x: hidden !important;}

more options

ty its worked !!!