To4KaXD
@To4KaXD

Как изменить background у label?

Как сделать так, чтобы при выборе нужного элемента radio у label менялся фон до тех пор пока не выберут другой элемент
CSS:
.taskradio input[type="radio"] {
            opacity: 0;
            width: 0;
            height: 0;
        }

.taskradio input:checked ~ label.taskradio {
    background: rgba(8, 81, 161, 0.70);
    color: #fff;
}


HTML:
<label class="taskradio">
            <input type="radio" id="radioButton value="radioitem">
             
        </label>
  • Вопрос задан
  • 780 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
label должен быть либо сиблингом, либо дочерним элементом. В твоем случае никак. Но можешь внутри сделать к примеру div и его уже стилизовать как label. и ему уже менять background
типа так:
<label>
    <input type="radio" id="radioButton value="radioitem">
    <div class="taskradi"></div>
</label>

.input:checked ~ .taskradio {
    background: rgba(8, 81, 161, 0.70);
    color: #fff;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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