Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Weitere Informationen

Missing CSS rules in Firefox Developer's inspector

more options

My inspector doesn't display CSS rules for any given site. I've had this issue for two+ months, multiple FF versions. The only rules I can see are for containers above body, I.E. html. The CSS are being applied just fine, only the rules panel in the inspector fails.

Using the Safe Mode without Add-ons works makes the rules come back. Regular mode with every Add-On disabled doesn't.

I want to avoid reinstalling Firefox if possible. It's a pain to re-setup everything, and other people have experienced the same issue, multiple times even. Sounds like an introduced bug, not a random installation hiccup.

It's similar to these issues, except it happens with any site for me: https://support.mozilla.org/en-US/questions/1135537 https://support.mozilla.org/en-US/questions/1110326

Any ideas?

My inspector doesn't display CSS rules for any given site. I've had this issue for two+ months, multiple FF versions. The only rules I can see are for containers above body, I.E. html. The CSS are being applied just fine, only the rules panel in the inspector fails. Using the Safe Mode without Add-ons works makes the rules come back. Regular mode with every Add-On disabled doesn't. I want to avoid reinstalling Firefox if possible. It's a pain to re-setup everything, and other people have experienced the same issue, multiple times even. Sounds like an introduced bug, not a random installation hiccup. It's similar to these issues, except it happens with any site for me: https://support.mozilla.org/en-US/questions/1135537 https://support.mozilla.org/en-US/questions/1110326 Any ideas?
Angefügte Screenshots

Geändert am von lebrun

Ausgewählte Lösung

Some of the other headline effects of Firefox's Safe Mode are:

  • disables hardware acceleration -- based on your graphics information (thank you for sharing), it's already disabled in regular mode
  • disables userChrome.css and userContent.css -- do you use either of these customization files in your current Firefox profile?
  • disables JavaScript compilers -- hard to see how this could be relevant

http://kb.mozillazine.org/Safe_Mode

Diese Antwort im Kontext lesen 👍 1

Alle Antworten (3)

more options

Ausgewählte Lösung

Some of the other headline effects of Firefox's Safe Mode are:

  • disables hardware acceleration -- based on your graphics information (thank you for sharing), it's already disabled in regular mode
  • disables userChrome.css and userContent.css -- do you use either of these customization files in your current Firefox profile?
  • disables JavaScript compilers -- hard to see how this could be relevant

http://kb.mozillazine.org/Safe_Mode

more options

That's it. jscher, you're a genius and I'm very dumb, hahah!

It was caused by userContent.css. It had a valid font-family rule for body tags to cover sites that screwed up their fonts. That explains why only rules for body and its children where missing.

It seems Firefox applies those rules without an assigned domain just fine, but breaks the rules panel for the affected elements in the process. I just tested with input it tags and as able to reproduce the issue.

I think rules without @-moz-document domain() are semantically correct—you'll find tons of tutorials on userContent doing that, MozillaZine included—meaning it's likely a bug.

Geändert am von lebrun

more options

Hmm, maybe file a bug on that since the panel should still work even when you've injected font rules using userContent.css.

You might create a new profile to see how compact a test case you can create (the easier it is for the developers to replicate, the faster they can assess the problem).