Hallo zusammen,
Ich habe eine Seite mit einem Formular mit der folgenden Struktur:
Das Formular (fieldset) ist farbig:
fieldset {
width: 450px;
background-color: #DCDCDC;
padding: 10px 10px 10px 10px;
border: 1px solid #999999;
}
Die Formularfelder sind weiß:
textarea, select, input {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.96em;
border:1px solid #999999;
background-color:#ffffff;
}
Mein Problem ist jetzt, dass dadurch auch die Checkboxen und Radiobuttons im IE6 den weißen Hintergrund haben, was sehr unschön aussieht.
Also habe ich ihnen Klassen zugeordnet. Da verschiedene fieldsets im Formular verschiedene Hintergrundfarben haben, dachte ich, ich vererbe den Checkboxen und Radiobuttons jeweils diese Hintergrundfarbe (per inherit):
.check {
border: none;
background-color: inherit;
}
Klappt aber nicht …
Warum? Kann mir jemand helfen?
Wie bekomme ich die Checkboxen und Radiobuttons dazu, immer die Hintergrundfarbe des fieldsets zu haben, in dem sie stehen (ohne für jede Farbe eine extra Klasse machen zu müssen)?
Grüße, piranja