Linuchs: Check-Boxen

Beitrag lesen

Ich habe dieses ausprobiert und der Text zwischen span lässt sich gestalten, hier grün (= okay) hinterlegt:

  label input[type=checkbox]:checked + span {
    padding: 1px 5px;
    background: #cfc;
    border: 1px solid #000;
  }

<label for="rg">
<input
id      = rg
type    = checkbox
...

> <span>rollstuhlgerecht</span></label>

Gerne möchte ich nicht nur den Text, sondern das gesamte label inklusive Checkbox auffällig markieren.

Kann CSS ein Eltern-Element label beeinflussen, wenn sich ein Kind-Element input ändert?

Wenn + span (Kind) funktioniert, wäre - label (Elter) logisch, funktioniert aber nicht.

Linuchs