我正在尝试更改Framework7中只有一个单选按钮的所谓非活动颜色。我知道使用这个 css 变量，--f7-radio-inactive-color: <yourcolor>;我可以为所有单选按钮设置非活动颜色。
但我只想更改一个（当前选择的）单选按钮的非活动颜色。我对 css 变量了解不多，所以我尝试了这个
input:checked[name=color-radio]{
--f7-radio-inactive-color: rgba(255, 0, 0, 1);
}
但它没有用。
如果您喜欢玩我的最小示例，可以在 JSFiddle上找到它。
我不相信 css 变量是范围感知的，因此不启用它的设置:root不会产生影响。
但是您可以手动设置<i>颜色并正确显示。只是你需要在重新<i>设置之前重置所有。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句