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!

Fungování této stránky je z důvodu údržby dočasně omezeno. Pokud žádný článek nápovědy nevyřeší váš problém a potřebujete se zeptat na další řešení, napište nám na Twitter @FirefoxSupport nebo Reddit /r/firefox.

Avatar for Username

Prohledat stránky podpory

Vyhněte se podvodům. Za účelem poskytnutí podpory vás nikdy nežádáme, abyste zavolali nebo poslali SMS na nějaké telefonní číslo nebo abyste sdělili své osobní údaje. Jakékoliv podezřelé chování nám prosím nahlaste pomocí odkazu „Nahlásit zneužití“.

Zjistit více

Toto vlákno bylo archivováno. Pokud potřebujete pomoci, založte prosím nový dotaz.

userChrome.css code hide scroll bar

  • 6 odpovědí
  • 1 má tento problém
  • 1 zobrazení
  • Poslední odpověď od moderndefender

moderndefender
moderndefender
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

Zvolené řešení

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

Přečíst dotaz v kontextu 👍 0

Všechny odpovědi (6)

Paul
Paul
  • Top 25 Contributor
  • Moderator
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.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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 ?

Terry
Terry
more options

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

moderndefender
moderndefender Autor dotazu
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)

Upravil uživatel Paul dne

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Zvolené řešení

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

moderndefender
moderndefender Autor dotazu
more options

ty its worked !!!