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

How to change background color of the inspect element pane (i.e. the inspector's pane not the page being inspected)

  • 4 Antworten
  • 7 haben dieses Problem
  • 87 Aufrufe
  • Letzte Antwort von tombyrnes

more options

This pane suddenly changed to a dark blue background. With the font's of the inspected elements having dark foreground colors it is very difficult to read. How do I get the white background back? Thank You.

This pane suddenly changed to a dark blue background. With the font's of the inspected elements having dark foreground colors it is very difficult to read. How do I get the white background back? Thank You.

Ausgewählte Lösung

Apply the following user style with the Stylish extension.


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {

body { background: white !important }

}

If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome").

If you need help with CSS code, see below for a starting point.

Diese Antwort im Kontext lesen 👍 2

Alle Antworten (4)

more options

Ausgewählte Lösung

Apply the following user style with the Stylish extension.


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {

body { background: white !important }

}

If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome").

If you need help with CSS code, see below for a starting point.

more options

Gingerbreadman:

Outstanding! The stylish user style did the trick with the background. Now I'll just tweak it with a bit more CSS and Bob's your uncle. Thanks a million.

more options

See also this stylesheet:

  • chrome://browser/skin/devtools/markup-view.css
more options

Cor-el: I got it. Thank you for taking the time. Appreciated.