Question

我正在尝试更改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中找到它。

Answer 1

我不认为css变量是作用域感知的，因此不在:root上进行设置不会产生影响。

但是您可以手动将<i>设置为一种颜色，并且可以正确显示。只是您需要在重新设置所有<i>之前重设它们。