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>

唯一可行的方法是将 ion-item 的 item-md class 重写为：

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

但是它改变了所有显示的单选选项。怎么只改变选中的颜色？

这是为它准备的stackblitz。

Answer 1

让它在我的 ionic 3 项目中工作并在你的演示中工作。另外提醒一下，在最后使用类和 'md' 只会影响 android。

.css

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

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

Ionic 3 how to change the background colour of selected radio button in ion-item container

sass

ionic-framework

ionic3