Code: Select all
@-moz-document url(chrome://browser/content/browser.xhtml) {
.menupopup-arrowscrollbox
{ background-color: #111 !important; } }
https://www.sfgate.com/sports/tv/
On the left side of the page, click on the menu under "Lineup." The menu is white with black text. Now enter the style rule above in a userChrome.css file, restart Firefox, and click on that same menu again. All of a sudden, it's black with black text and illegible.
I've tried everything my pea brain can think of, and wasted a huge amount of time in the process, trying to prevent this menu leak-through from happening, but nothing I've tried yet works, and I'm out of ideas.
Is there any way to darken the Firefox menus with CSS without darkening the menus of websites?