Entwickler-Werkzeuge CSS Code wird nicht ausgeführt

2002Andreas

Hallo @ all.

Man kann ja in den Entwickler-Werkzeugen ganz einfach auf die Schnelle mal einen CSS Code testen.

Nur bei diesem Code gibt es keine Reaktion:

CSS

/*Tabs in Tableiste mittig*/

scrollbox:not(#PlacesToolbarItems) {
    -moz-box-pack: center !important;
}

Füge ich den Code allerdings in die userChrome.css ein, dann funktioniert er einwandfrei.

Gibt es dafür eine Erklärung, oder ist der Code so nicht korrekt?

Für jegliche Hilfe wie immer herzlichen Dank vorweg.

milupo

Zitat von 2002Andreas

Nur bei diesem Code gibt es keine Reaktion:

In der Tat.

Und die Stilbearbeitung ist auch auf die Browser-Oberfläche anwendbar, nicht nur auf Seiten? Denn auf MDN steht:

Zitat

The Style Editor enables you to:

view and edit all the stylesheets associated with a page
create new stylesheets from scratch and apply them to the page
import existing stylesheets and apply them to the page

Sören Hentzschel

Das liegt daran, dass das Element Teil eines sogenannten Shadow Parts ist. Die Syntax funktioniert in den Entwicklerwerkzeugen:

CSS

#tabbrowser-arrowscrollbox::part(scrollbox) {
    -moz-box-pack: center !important;
}

Das wird so jedoch nicht von der Datei userChrome.css unterstützt.

milupo

Ja, danke, Sören. Das funktioniert.

2002Andreas

Hallo Sören..

danke für die Erklärung

Entwickler-Werkzeuge CSS Code wird nicht ausgeführt

Ähnliche Themen

About Seiten mit CSS Codes anpassen

CSS Code wird nicht permanent im Script angewendet

Auswahlfelder/Optionsfelder nicht sichtbar

Adressleiste Vergrößerung deaktivieren

Diverse Skripts funktionieren nicht mehr