Firefox userChrome.css deaktiviert Steuerelemente

[mischaef]

Moin zusammen,

ich habe vor geraumer Zeit meine userChrome.css mit folgenden Code angepasst, damit ich das Erscheinungsbild wie beim alten Firefox hinbekomme:

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
* {
font-family: tahoma !important;
font-size: 12px !important;
color: black !important;
-webkit-font-smoothing: none !important;
-moz-osx-font-smoothing: none !important;
}
}

menupopup > menuitem,
menupopup > menu {
  padding-block: 4px !important;
  padding-inline-start: 4px !important;
  font-size: 17px !important;
}

Nach einem Update sorgt die userChrome jetzt aber dafür, dass die Steuerungszeichen rechts für Minimieren, Maximieren und Schließen nicht mehr korrekt angezeigt werden.

Hat jemand eine Ahnung, wie ich das wieder hinbekomme?

Besten Dank

Michael

Nachtrag: Ich habe das "*" in der zweiten gegen "body" ausgetauscht: Jetzt werden die Steuerzeichen zwar wieder angezeigt, aber die Dropdown-Menus sind wieder so groß wie im Default-Zustand.

 

[NameHere]

ich habe bei mir das schon ein paar Jahre stehen

/* remove padding in bookmarks menu */
menupopup > menuitem, menupopup > menu {
padding-block: 1.4px !important;
}

vielleicht hilft das

 

[mischaef]

Das hat in etwa den gleichen Effekt wie wie mein Code. Das Problem mit den Steuerelementen muss aber irgendwie im ersten Segment liegen...

Gibt es denn evtl. eine Übersicht, welches Tags es zur Gestaltung der Oberfläche überhaupt gibt?

 

[2002Andreas]

wie ich das wieder hinbekomme?

1: ein * ist nie gut, weil viel zu paschal.
2: der Fehler liegt dadurch in Zeile 3, weil die Schrift in diesem Fall auch auf die Icons wirkt.
Also müsstest du die 3 Icons zumindest ausschließen:

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
 
* :not(.titlebar-button) {
  font-family: tahoma !important;
  font-size: 12px !important;
  color: black !important;
  -webkit-font-smoothing: none !important;
  -moz-osx-font-smoothing: none !important;
 }

menupopup > menuitem,
menupopup > menu {
  padding-block: 4px !important;
  padding-inline-start: 4px !important;
  font-size: 17px !important;
 }
}

Außerdem:
In Zeile 5 gibst du 12px an, in Zeile 15 aber 17px.
Duch den * wird also alles auf 12px gestellt.

Ergänzung (7. September 2025)

aber die Dropdown-Menus sind wieder so groß wie im Default-Zustand.

Weil dort 17px steht.
So ginge es auch:

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
body, menubar {
  font-family: tahoma !important;
  font-size: 12px !important;
  color: black !important;
  -webkit-font-smoothing: none !important;
  -moz-osx-font-smoothing: none !important;
 }

menupopup > menuitem,
menupopup > menu {
  padding-block: 4px !important;
  padding-inline-start: 4px !important;
  font-size: 12px !important;
 }
}

Ergänzung (7. September 2025)

Erklärung zu den 3 Icons:
Die werden nämlich auch per font erzeugt:

 

[mischaef]

Das liest sich so erst mal gut. Werde ich morgen direkt mal ausprobieren!

Besten dank bis hier hin schon mal

Michael