Подскажите как сделать так, чтобы радиокнопка в состоянии активной была всегда другого цвета. То есть, у меня получилось сделать эффект при ховере, но я не очень понимаю как реализовать когда она активна. Там вроде не действует :active
или :focus
<div class="cooperation__wrapper-radio">
<input class="point point1" name="radio" value="1" id="request" type="radio" name="radio" value="1" checked>
<label for="request" class="radio-point"></label>
<label class="radio-label radio-label1" for="request">
<i class="radio-icon flaticon-phone-call"></i>
Оставьте заявку
</label>
</div>
<div class="cooperation__wrapper-radio">
<input class="point point2" name="radio" value="2" id="advice" type="radio" name="radio" value="1" checked>
<label for="advice" class="radio-point radio-point2"></label>
<label class="radio-label radio-label2" for="advice">
<i class="radio-icon flaticon-chat"></i>
Консультация со специалистом
</label>
</div>
и css при ховере
.cooperation__wrapper-radio:hover .radio-point:hover {
color: #68bec4;
}
.cooperation__wrapper-radio:hover .radio-icon::before, .cooperation__wrapper-radio:focus .radio-icon::before, .cooperation__wrapper-radio:active .radio-icon::before {
color: #68bec4;
transition: transform .2s ease;
}
:active
проявляет себя не постоянно, а непосредственно в момент нажатия, после снова возвращается к:hover
:checked