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.

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

See also https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars

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)

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;}

ty its worked !!!