Только изменить неактивный цвет одного радио в Framework7?

Question

Я пытаюсь изменить так называемый неактивный цвет только одной радиокнопки в Framework7.Я знаю, что с помощью этой переменной css --f7-radio-inactive-color: <yourcolor>; я могу установить неактивный цвет для всех своих радиокнопок.

Но я хотел бы изменить неактивный цвет только для одной (выбранной в данный момент) радиокнопки.Я не очень разбираюсь в переменных css, поэтому я попробовал это

input:checked[name=color-radio]{
       --f7-radio-inactive-color: rgba(255, 0, 0, 1);
}

, но это не сработало.

Если вы хотите поиграть с моим минимальным примером, его можно найти здесь, на JSFiddle .

Answer 1

Я не верю, что переменные css учитывают область видимости, поэтому установка не на :root не повлияет.

Но вы можете вручную установить <i> на цвет, и он отобразитсяправильно.Просто вам нужно сбросить все <i>, прежде чем устанавливать их все заново.

См .: https://jsfiddle.net/r0jkq2o7/2/