@DenKuzmin17

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

Есть такая разметка
<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?
Без скриптов.
  • Вопрос задан
  • 1108 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
BohdanK
@BohdanK
Если не оборачивать инпут в метки, а добавить в label атрибут for=идентефикатор инпута и добавить соответствующие id для радио баттон, то это легко решается использование соседних селекторов (знак +), а вообще так себе решение, так как что-то в верстке поменяется в будущем и все сломается. Но тем не менее работает.

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы