CODEWITHSUNDEEP
ionic-frameworkion-select
AdelaM11
AdelaM11

Reputation: 21

Customize ion-select icon in Ionic 4

I am developing an application using Ionic 4 and I am using ion-select. I want to customize the select icon, but the style is not applied.

<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>

This is the style written in the .scss file, but it is not applied. I've also checked the documentation, but I couldn't find a solution.

.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;
}

Upvotes: 0

Views: 1543

Answers (1)

Manolo de la Vega
Manolo de la Vega

Reputation: 323

If you're talking about the little arrow on the right, it seems that it is not possible at least fot the moment, see issue here
You can use a button and a modal though.

Upvotes: 0

Related Questions