Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 有没有办法改变<;的颜色;离子无线电>;ionic1中的按钮图标?_Angularjs_Ionic Framework - Fatal编程技术网

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;
}