在 Ionic 4 中自定义离子选择图标答案

【问题标题】：Customize ion-select icon in Ionic 4在 Ionic 4 中自定义离子选择图标
【发布时间】：2020-08-21 13:59:57
【问题描述】：

我正在使用 Ionic 4 开发应用程序，并且正在使用 ion-select。我想自定义选择图标，但是样式没有应用。

<ion-select interface="popover" 
    (ionChange)="onSelectionChanged()"
    [(ngModel)]="item.Value">
    <ion-select-option *ngFor="let option of options" [value]="option.Value">
        {{ option.Title }}
    </ion-select-option>
</ion-select>

这是写在.scss文件中的样式，但没有应用。我也检查了文档，但找不到解决方案。

.select-icon .select-icon-inner {
    margin-top: 0 !important;
    border-right: 7px solid transparent !important;
    border-left: 7px solid transparent !important;
    border-top: 7px solid !important;
}

【问题讨论】：

标签： ionic-framework ion-select

【解决方案1】：

如果你说的是右边的小箭头，至少目前看来是不可能的，见 issue here
不过，您可以使用按钮和模式。

【讨论】：