代码之家 › 专栏 › 技术社区 › gaurang

当interface=“popoover”时,无法更改ion选项中的文本颜色

ion-select ionic3 ionic2 ionic-framework html

gaurang · 技术社区 · 6 年前

我使用离子选择来选择选项,我想更改离子选项的文本颜色。我的代码如下…

<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和样式,但它不起作用。有人能帮我更改离子选项文本颜色吗?

1 回复 | 直到 6 年前

Mystery 6 年前

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
}

推荐文章

Ali Abdulaal · Ionic 2——如何在变量中放入大量JSON数据,并在没有延迟的情况下删除重复的数据?

7 年前

Simon · 错误:无法传输程序-ionic2

7 年前

Rafael de Castro · 离子存储不需要的更改

7 年前

Rafael de Castro · 离子型/角型2-在页面之间插入“中介体”。ts和提供商。ts

7 年前

Ke Vin · 如何在ionic 3中使用选项卡正确设置我的主应用程序的根目录?

7 年前

Uraquitan Matova Ura Kombat · 离子,角度-索引内的全局变量。其他ts页面调用的html

7 年前

Kumar · 在离子项目中内联显示信息图标

7 年前

StuartDTO · 如何在Ionic中打开组件

7 年前

jamesharvey · 如何使用*ngFor指令从Ionic 3(Cordova、Ionic 3、Angular 5)上的存储器中提取数据

7 年前

jamesharvey · 我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)

7 年前