Ion-select set icon color

#1

Hi
I’m using
<ion-select> component and I would like to change the icon color but I’m not able to do this. How is it possible to customize it?

This is my code

 <ion-row >
      <ion-label text-right>Scegli punti di interesse</ion-label>
        <ion-select [(ngModel)] = "sort" (ionChange)="changeImageMap()">
          <ion-option value="1">Blu e nero</ion-option>
          <ion-option value="2">Rosso</ion-option>
          <ion-option value="3">Blu</ion-option>
        </ion-select>
    </ion-row>

And this is the result.

I would like to change the icon’s color like that for example:

Is it possible?
I’ve tried to change the css of the component but nothing worked.

Thank you.

#2

.scss

ion-select {
  .select-icon {
    .select-icon-inner {
       color : red !important;
    }
  }
}
1 Like
#3

thank you so much! this works!

1 Like