当interface =“ popover”时，无法在ion-option中更改文本颜色

Question

我正在使用ion-select来选择选项，并且我想更改ion-options的文本颜色。我的代码如下...

<ion-item>
      <ion-select interface="popover" [(ngModel)]="selectedGrp" (ionChange)="changeGrp()">  
        <ion-option value="" selected disabled>Select</ion-option>
        <ion-option *ngFor="let item of List;let i = index" [value]="item">{{item.name}} </ion-option>
      </ion-select>
    </ion-item>

没有Sass变量可以执行此操作。我已经尝试过使用CSS和样式，但无法正常工作。谁能帮我更改离子选项文本的颜色？

Answer 1

我可以通过插入ion-options来更改所有app.scss的文本颜色

.item-radio.item ion-label {
    color: red; //your color here
}

对于所选选项，在颜色属性中插入一个!important

.item-radio-checked.item ion-label {
    color: blue !important; //your color here for selected option
}