javascript - 仅更改 Framework7 中一个 radio 的非事件颜色?

标签 javascript jquery html css html-framework-7

我正在尝试更改 Framework7 中 only one 单选按钮的所谓非事件颜色。我知道这个 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>在重新设置它们之前。

参见:https://jsfiddle.net/r0jkq2o7/2/

关于javascript - 仅更改 Framework7 中一个 radio 的非事件颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55571506/

相关文章:

javascript - 如何在 JavaScript 中创建一个返回本地文本文件值的函数?

javascript - 如何在使用 Javascript 或 jQuery 的名称属性中使用选项属性中的选择?

jquery - HTML、CSS、JavaScript 弹出问题

javascript - 如何在短时间内用IE删除很大一部分的DOM?

html - 如何使用 Dominate 库在 python 中的表中添加类

php - 是否可以为按钮分配动态变量;在 while 循环中从查询中获取的每一行都会发生变化吗?

javascript - PhoneGap打开PDF错误 "document could not be opened"

javascript - 使用nodejs将mysql数据从模块返回到app.js

javascript - Hashchange 历史打破了 iScroll

html - 在 Bootstrap 模式中将文本区域宽度设置为 100%