html - 界面 ="popover"时无法更改 ionic 选项中的文本颜色

Question

我正在使用 ion-select 选择一个选项，我想更改 ion-option 的文本颜色。我的代码如下...

<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 和样式，但没有用。谁能帮我更改 ion-option 文本颜色？

Answer 1

我能够通过在 app.scss 中插入来更改文本颜色(所有 ion-options)

.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
}