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

问题描述 投票:0回答:1

我正在使用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个回答
0
投票

[如果您在谈论右边的小箭头,似乎至少暂时没有可能,请参阅issue here不过,您可以使用按钮和模式。

© www.soinside.com 2019 - 2024. All rights reserved.