Mam następujący html:

  <label>
     <input type="checkbox" value="cb_val" name="cb_name">
     my checkbox text
  </label>

Z CSS dodałem kolor tła do<label> etykietka.

label { background-color:#333; color:#FFF; }

Teraz chciałem zmienić kolor tła etykiety, gdy pole wyboru jest zaznaczone. Wiem, jak to zrobić za pomocą javascript, ale czy istnieje sposób na to, używając CSS?

Widziałem kilka rozwiązań, ale używają sąsiedniego selektora rodzeństwa i działają tylko wtedy, gdy etykieta pojawia się za polem wyboru.

Nadal mam nadzieję naprawić to bez javascript, czy ktoś ma jakąś wskazówkę?

AKTUALIZACJA:

Tak jak się obawiałem, nie można tego zrobić w ten sposób, więc muszę to zrobić za pomocą JS lub uzyskać ten sam efekt wizualny z inną strukturą HTML. Chcę ustawić kolor tła etykiety i pola tekstowego za jednym razem, więc mogę przejść do rozwiązania, w którym pole wyboru jest umieszczone bezwzględnie na górze etykiety. Dobry punkt PlantTheldea!

Albo mogę zastosować kolor tła na etykiecie i polu wyboru.

Dziękuję wszystkim!