当 interface="popover" 时，无法更改 ion-option 中的文本颜色

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
}

当 interface="popover" 时，无法更改 ion-option 中的文本颜色

unable to change text color in ion-option when interface="popover"

html

ionic-framework

ionic2

ionic3

ion-select