Как задать стиль для label в котором input checked?

Question

[DenKuzmin17]

Есть такая разметка

<div class="div">
  <label class="input-parent">
    <input type="radio" value="Белый" name="options[color]" checked="checked">
  </label>
  <label class="input-parent">
    <input type="radio" value="Чёрный" name="options[color]">
  </label>
  <label class="input-parent">
    <input type="radio" value="Серый" name="options[color]">
  </label>
</div>

как задать стиль для label в котором input checked?
Без скриптов.

Answer 1

[Stalker_RED]

Никак.

Comments

[DenKuzmin17]

Понял. Спасибо.

Answer 2

[BohdanK]

Если не оборачивать инпут в метки, а добавить в label атрибут for=идентефикатор инпута и добавить соответствующие id для радио баттон, то это легко решается использование соседних селекторов (знак +), а вообще так себе решение, так как что-то в верстке поменяется в будущем и все сломается. Но тем не менее работает.

Answer 3

[nvdfxx]

Зачем инпут оборачивать в лейбл, который, вроде как, должен служить подписью к этому самому инпуту? Получается, что (условно) главный компонент зависит от дочернего, поменяйте версточку, и проблема легко решится