(CSS) Farbzuweisungen an Mozillas Formularelemente

[*Markus]

Hallo,

als ich den Stil und die Farben meines Fenstermanagers Xfce änderte, hatte das einen ungewollten Nebeneffekt auf Mozilla. Plötzlich wurden alle Formularbuttons und Hintergrunde von Formularen in schwarz (die Hintergrundfarbe meines Fenstermanagers) angezeigt.
Glücklicherweise konnte ich die Farben mit einer userContent.css im chrome-Verzeichnis ändern. Leider sehen die Buttons, die Dropdown-Menüs,  die Checkboxen und Radiobuttons noch nicht so ganz aus, wie vorher. Sie haben oft noch einen schwarzen Hintergrund. Ich habe nämlich das Problem, dass ich nicht weiß, wie ich spezielle CSS-Typen im Browser ansprechen kann, also z.B. den Typ "submit" des input-Elements. Auf einer Webseite würde ich einfach nur eine CSS-Klasse für bspw "class="button" definieren, aber wie kann man so etwas in Mozilla bewerkstelligen?

Markus

[Mathias Brodala]

Hallo *Markus.

als ich den Stil und die Farben meines Fenstermanagers Xfce änderte, hatte das einen ungewollten Nebeneffekt auf Mozilla. Plötzlich wurden alle Formularbuttons und Hintergrunde von Formularen in schwarz (die Hintergrundfarbe meines Fenstermanagers) angezeigt.

Von was auf was hast du denn geändert? (BTW: Xfwm4 ist der Fenstermanager, Xfce4 ist die DE.)

Glücklicherweise konnte ich die Farben mit einer userContent.css im chrome-Verzeichnis ändern. Leider sehen die Buttons, die Dropdown-Menüs,  die Checkboxen und Radiobuttons noch nicht so ganz aus, wie vorher. Sie haben oft noch einen schwarzen Hintergrund. Ich habe nämlich das Problem, dass ich nicht weiß, wie ich spezielle CSS-Typen im Browser ansprechen kann, also z.B. den Typ "submit" des input-Elements.

Mit Hilfe der attributbedingten Selektoren.

Einen schönen Samstag noch.

Gruß, Mathias

[*Markus]

Hallo *Markus.

als ich den Stil und die Farben meines Fenstermanagers Xfce änderte, hatte das einen ungewollten Nebeneffekt auf Mozilla. Plötzlich wurden alle Formularbuttons und Hintergrunde von Formularen in schwarz (die Hintergrundfarbe meines Fenstermanagers) angezeigt.

Von was auf was hast du denn geändert? (BTW: Xfwm4 ist der Fenstermanager, Xfce4 ist die DE.)

ich änderte einfach nur das "Theme" zu "Xfce-dusk". (Das mit den Managern werde ich mir wohl nie merken)

Mit Hilfe der attributbedingten Selektoren.

Das ist eigentlich das, was ich suchte, aber offensichtlich bleibt Mozilla davon völlig unbeeindruckt. Probehalber versuchte ich folgende konfiguration:

input[submit] {background-color:#666}
input[radio] {background-color:#666}

[Mathias Brodala]

Hallo *Markus.

als ich den Stil und die Farben meines Fenstermanagers Xfce änderte, hatte das einen ungewollten Nebeneffekt auf Mozilla. Plötzlich wurden alle Formularbuttons und Hintergrunde von Formularen in schwarz (die Hintergrundfarbe meines Fenstermanagers) angezeigt.

Von was auf was hast du denn geändert? (BTW: Xfwm4 ist der Fenstermanager, Xfce4 ist die DE.)

ich änderte einfach nur das "Theme" zu "Xfce-dusk".

Ahja, ich kann dein Problem nachvollziehen. Es ist einfach der Tatsache geschuldet, dass Firefox unformatierte Formularelemente gemäß Thema der grafischen Oberfläche darstellt. Irgendwie berücksichtigt er hier aber leider nicht die Textfarbe.

(Das mit den Managern werde ich mir wohl nie merken)

Ist eigentlich gar nicht so schwer: hat es einen Windowmanager, kann es kein Windowmanager sein.

Mit Hilfe der attributbedingten Selektoren.

Das ist eigentlich das, was ich suchte, aber offensichtlich bleibt Mozilla davon völlig unbeeindruckt. Probehalber versuchte ich folgende konfiguration:

input[submit] {background-color:#666}
input[radio] {background-color:#666}

Das liegt daran, dass input-Elemente üblicherweise kein submit- und kein radio-Attribut haben. Du suchst eher folgendes:

input[type=submit],  
input[type=radio] {  
  background-color:#666;  
}

Hiermit selektierst du alle input-Elemente die über ein type-Attribut mit den Werten „submit“ oder „radio“ verfügen.

Einen schönen Samstag noch.

Gruß, Mathias

[*Markus]

Hallo,

input[type=submit],

input[type=radio] {
  background-color:#666;
}

>   
> Hiermit selektierst du alle input-Elemente die über ein type-Attribut mit den Werten „submit“ oder „radio“ verfügen.  
  
Danke für die Info. Jetzt ist es mir klar.  
  
Markus  

-- 
<http://www.apostrophitis.at>  
  
六 7東曲 人港ラ  
  
![](http://signatur.pithax.net/gentoo.jpg)