Ionic 3如何更改离子项目容器中所选单选按钮的背景颜色

Question

我需要更改所选无线电输入的背景颜色。

我有以下离子无线电列表：

<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的{​​{1}}类重写为：

ion-item

但是它改变了所有显示的单选选项。如何只更改所选颜色？

这里是为此而准备的stackblitz。

Answer 1

将其用于我的ionic 3项目并在您的演示中工作。也请注意最后使用带有'md'的类只会影响android。

.css

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