Ionic 3, как изменить цвет фона выбранной радиокнопки в контейнере для ионных элементов - PullRequest
2 голосов
/ 17 июня 2019

Мне нужно изменить цвет фона выбранного радиовхода.

У меня есть следующий список ион-радио:

<ion-list radio-group [(ngModel)]="selectedRadio">
    <ion-item  *ngFor="let ing of pizzaIng; let i = index">
        <ion-label>{{ing.name}}</ion-label>
        <ion-radio  [value]="ing.name"></ion-radio>
    </ion-item>
</ion-list>

Единственный способ, которым он работает, это переопределение item-md класса ion-item в:

ion-item.item-md{
    background-color: red;
}

Но меняются все отображаемые параметры радио. Как я могу только изменить цвет выбранного?

Вот подготовленный стек-блиц для него.

1 Ответ

2 голосов
/ 17 июня 2019

получил это для работы над моим проектом ionic 3 и работает в вашей демоверсии.Кроме того, использование классов с md в конце может повлиять только на Android.

.css

page-home {
  .item-radio-checked{
      background-color: #a0a;
  }
}

enter image description here

...