仅更改 Framework7 中一个无线电的非活动颜色？
Only change inactive color of one radio in Framework7?
我正在尝试更改 Framework7 中 只有一个 单选按钮的所谓非活动颜色。我知道使用这个 css 变量 --f7-radio-inactive-color: <yourcolor>; 我可以为所有单选按钮设置非活动颜色。
但我只想更改一个（当前选定的）单选按钮的非活动颜色。我不太了解 css 变量，所以我尝试了这个
input:checked[name=color-radio]{
--f7-radio-inactive-color: rgba(255, 0, 0, 1);
}
但是没有用。
如果你喜欢玩我的最小示例，可以找到 here on JSFiddle。
我不相信 css 变量是作用域感知的，所以不在 :root 上设置它不会有影响。
但是您可以手动将 <i> 设置为一种颜色并且它可以正确显示。只是您需要在重新设置之前重置所有 <i>。
我正在尝试更改 Framework7 中 只有一个 单选按钮的所谓非活动颜色。我知道使用这个 css 变量 --f7-radio-inactive-color: <yourcolor>; 我可以为所有单选按钮设置非活动颜色。
但我只想更改一个（当前选定的）单选按钮的非活动颜色。我不太了解 css 变量，所以我尝试了这个
input:checked[name=color-radio]{
--f7-radio-inactive-color: rgba(255, 0, 0, 1);
}
但是没有用。
如果你喜欢玩我的最小示例，可以找到 here on JSFiddle。
我不相信 css 变量是作用域感知的，所以不在 :root 上设置它不会有影响。
但是您可以手动将 <i> 设置为一种颜色并且它可以正确显示。只是您需要在重新设置之前重置所有 <i>。