Icon color in <ion-radio>



The color of the ion-checkbox’s ICON can be changed via checkbox-“x” class (Example : checkbox-balanced).
Similarly, how can we change the color of the checkmark icon when using ion-radio ?


Just a friendly reminder before I answer this, you can find out how to style ANYTHING by using he Developer Tools. I suggest reading this article and getting familiar:

As for the radio button, try styling .radio-icon.

.radio-icon {
  color: #ff0000;


Thank you for the reply.
Yes. Like this way we can control the styles of anything.

But why the ionic color-variables based classes are not there for ion-radio ? (Where such classes are there for ion-checkbox).

Is there any specific reason for not having such classes in ion-radio ?