невозможно изменить цвет текста в ion-option, когда interface=popover

Я использую 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?


ionic-framework html ionic3 ion-select ionic2
person gaurang    schedule 10.07.2018    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Я смог изменить цвет текста (всех 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
}
person Mystery    schedule 10.07.2018
comment
это работает, но до этого, когда я выбираю любой параметр, выбранный параметр устанавливается в основной цвет, но после использования этого выбранного параметра цвет не обновляется, можете ли вы сказать мне, как это сделать? - person gaurang; 10.07.2018