Как поменять цвет текста при выборе radio кнопки?

Question

[barsecky]

есть 4 radio кнопки с текстом, необходимо при активной radio кнопке менять цвет

стили в scss - такое чувство, что просто что-то не дописываю или пишу не туда

пример

Comments

[Ankhena]

стили в scss - такое чувство, что просто что-то не дописываю или пишу не туда

Во-первых, в песочнице вы пишете на scss, а говорите, что это css => ничего не работает вообще.
Нужно указать, что вы используете препроцессор.

Как поменять цвет текста при выборе radio кнопки?

Во-вторых, в коде нет ничего, что говорило бы сменить цвет текста.

Вам нужно либо label поставить после инпута либо обернуть текст в span и использовать соседние селекторы.
input:checked + label {}
input:checked + span {}

Answer 1

[iBird Rose]

для input нельзя создать before. сделай после input какой то span и с ним работай как сейчас пытаешься с before.
обращайся к нему через :checked ~ span {}

Comments

[Ankhena]

для input нельзя создать before

Можно, если задать ему appearance: none;

[drtvader]

Ankhena, а есть пример? у меня не вывелся.

[Ankhena]

drtvader, пример есть у автора в вопросе, если в настройках песочницы поменять css на scss

[barsecky]

Ankhena, Спасибо все получилось

Answer 2

[Антон Романков]

Я бы чуть изменил структуру. Так будет в разы проще манипулировать стилями.
https://codepen.io/romant094/pen/BaGMqYQ