Angularjs 有没有办法改变<;的颜色;离子无线电>;ionic1中的按钮图标?
我正在使用Angularjs 有没有办法改变<;的颜色;离子无线电>;ionic1中的按钮图标?,angularjs,ionic-framework,Angularjs,Ionic Framework,我正在使用 <ion-radio> <div>Item 1</div> </ion-radio> 项目1 我试图将一些css应用于现有的类,但不幸的是,没有任何效果。任何帮助都将不胜感激。提前谢谢。颜色不适用于未选中的单选按钮图标。 您应该能够使用color属性使其工作,如下所示: <ion-radio color="secondary"></ion-radio> 如果没有,您可以像这里的代码
<ion-radio>
<div>Item 1</div>
</ion-radio>
项目1
我试图将一些css应用于现有的类,但不幸的是,没有任何效果。任何帮助都将不胜感激。提前谢谢。颜色不适用于未选中的单选按钮图标。
您应该能够使用
color
属性使其工作,如下所示:
<ion-radio color="secondary"></ion-radio>
如果没有,您可以像这里的代码笔那样手动设置CSS样式:例如,不工作?如果src/theme/variables.scssI中的$colors映射中存在样式,我也尝试过,但对我无效。它只改变标签文本的颜色。我已经试过了。这对我不起作用,我无法更改收音机图标的颜色,如果你在离子收音机元素上使用
color
属性,它就不起作用了?是的,这很有效,但我正在使用,有什么办法吗?你太棒了。这正是我想要的。但它似乎在某个地方覆盖了一些css。我无法在未选中的按钮上应用css。我建议在项目目录的cmd中使用ionic-service--lab
调试浏览器中的ionic应用程序,然后使用dev控制台检查单选按钮并使用选项,查看哪些内容覆盖了哪些内容。
If you are using ionic v4 than use this style to change radio button checked color
--> Radio in popup
.custom-popover {
ion-radio {
--color-checked: #75D154;
}
}
and if you are using simple radio group than paste this style to change the color of radio button
--> Radio Button
ion-radio {`enter code here`
--color-checked: #75D154;
}