Ionic 3 Как поменять иконку радио на цвет ионного радио при включении на другую?

Question

Мне нужно изменить цвет значка отмеченного радио.

Я изменил существующие стили ion-radio на:

ion-radio.radio.radio-checked, ion-radio.radio.radio-md
{
   background-color: white;
}

Но это был не тот, который требуется.

Затем изменилось на:

ion-radio.radio.radio-checked, ion-radio.radio.radio-md
{
   color: white;
}

Но все так же.

Мне нужно изменить синий цвет проверяемой переменной на белый.

Тогда япопытался изменить radio-inner и radio-icon на:

ion-radio.radio.radio-checked, ion-radio.radio.radio-md
, ion-radio.radio.radio-icon, ion-radio.radio-inner{
  background-color: white;
}

Но это не изменилось.

Из документации мы должны изменить следующую переменную css на другой цвет:

--color-checked 

Но все так же.Вот это stackblitz .

Answer 1

Пожалуйста, попробуйте этот код CSS:

.radio-md .radio-checked,
.radio-md-primary .radio-checked {
  border-color: #fff;
}
.radio-md .radio-inner,
.radio-md-primary .radio-inner {
   background-color: #fff;
}
.item-md .radio-md {
   background-color: transparent;
}

и удалить этот код:

ion-radio.radio.radio-checked, ion-radio.radio.radio-md
{
   background-color: white;
}