Если установлен флажок радиовход, измените цвет элемента, который не работает

#html #css

Вопрос:

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

 lt;label class="radio"gt; lt;input type="radio" name="plan" value="plan" requiredgt; lt;spangt; lt;h6gt;Planlt;/h6gt; lt;i class="pe-7s-graph1 plan-icon my-3"gt;lt;/igt; lt;h6 class="pricing-card-title text-success"gt;PRICElt;small class="text-muted fw-light"gt;/monthlylt;/smallgt;lt;/h6gt; lt;pgt;Lorem Ipsum is simply dummy text of...lt;/pgt; lt;/spangt; lt;/labelgt;  

и следующий css:

 label.radio input:checked   label.radio i {  color: #3578fa !important; }  

но это абсолютно не работает. Есть идеи, почему?

Ответ №1:

Ваш селектор css неверен.
используйте этот код.

 label.radio input:checked   span i {  color: #3578fa !important; }