Ионная ионная радиосвязь css: выбрано

Question

У меня проблема с моим CSS в ионном ...

Я хочу изменить css, когда нажимается радиокнопка. как показано ниже.

  [type=radio]:checked + ion-icon {
      background-color: $primaryColor;
      color: white;
      font-size: 45px;
  }

Приведенный выше css работает для тега html, но в ionic у вас есть тег, называемый ion-radio. Так есть ли способ добиться того же, но с помощью радиокнопки от ionic?

  ion-radio:checked + ion-icon {
      background-color: $primaryColor;
      color: white;
      font-size: 45px;
  }

Answer 1

Я исправил это, добавив класс, если отмечена определенная кнопка радио.

HTML:

<ion-icon [ngClass]="{'active': (gender == 'Female')}" name="female"></ion-icon>

CSS:

 /* CHECKED STYLES */
  ion-icon.active {
      background-color: $primaryColor;
      color: white;
      font-size: 45px;
  }

Answer 2

Насколько я заметил из документов , после проверки ion-radio он получает класс radio-checked.

Проверяйте ваши элементы, разве они не получают этот класс после проверки?