时间戳

首页 > 解决方案 > 在 Ionic 4 中自定义离子选择图标

ionic-framework - 在 Ionic 4 中自定义离子选择图标

问题描述

我正在使用 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-frameworkion-select

解决方案

如果您在谈论右侧的小箭头，似乎至少目前是不可能的，请参阅 此处的问题
您可以使用按钮和模式。

推荐阅读