DIV Hintergrund in Farbe wenn INPUT checked

[marctrix]

Hej Gunnar,

Ich versuche gerade ein DIV einzufärben, wenn das Input mit CHECKED ausgewählt ist.

Geht nicht. Du kannst mit Kombinatoren in CSS (gegenwärtig) nur nachfolgende Geschwister oder Nachfahrenelemente erreichen, aber keine Vorfahren. Du hast keine Chance, von dem input hoch zum div zu kommen.

Dem Eingabefeld fehlt übrigens die notwendige Beschriftung.

Vermutlich soll das so sein:

<div class="box">
  <input type="checkbox" id="inhalt" name="inhalt" value="1001" checked>
  <label for="inhalt">Nachname</label>
</div>

Wobei sich die Frage stellt, wieso man da eine Checkbox verwendet. Wird damit abgefragt, ob jemand einen Nachnamen hat?!?

Davon abgesehen: wenn da noch mehr Checkboxen sind (man zum Beispiel eine Suche einschränkt nach Nachname, Vorname, Straße usw), gehören die in ein fieldset!

Und noch ein Tipp: das label funktioniert auch ohne sichtbare Checkbox. Das label lässt sich wie ein div beliebig gestalten, so dass du den optischen Effekt, den du über das div realisieren möchtest, problemlos mit dem label hinbekommen kannst - das div kannst du dir - für diesen Anwendungsfall zumindest - also sparen. Dein Code wird also kürzer und damit einfacher.

Marc