Изменить свойство метки флажка css с установленным флажком

У меня есть следующий HTML:

  
     
     my checkbox text
  

С помощью CSS я добавил цвет фона к тег.

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

Сейчас я'Мне нравилось менять цвет фона метки, когда флажок установлен. Я знаю, как сделать это с помощью JavaScript, но есть ли способ сделать это с помощью CSS?

Я видел некоторые решения, но они используют соседний селектор брата и работают только тогда, когда метка появляется после флажка.

Я все еще надеюсь исправить это без JavaScript, у кого-нибудь есть подсказка?

ОБНОВИТЬ:

Как я и боялся, это невозможно сделать таким образом, поэтому я должен сделать это с помощью JS или добиться того же визуального эффекта с другой структурой HTML. Я хочу установить цвет фона метки и текстового поля за один раз, чтобы я мог воспользоваться решением, в котором флажок был бы помещен абсолютно поверх метки. Хороший вопрос PlantTheldea!

Или я могу применить цвет фона к метке и флажок оба.

Спасибо всем!

Ответы на вопрос(2)

Ваш ответ на вопрос