Ionic 4: How to change ion-select set icon color

Ionic Framework
1

Is there any way to change the ion-select set icon color in ionic 4?

2

Try this… In your code where is <ion-select> </ion-select>

add this… style=“color: red”

<ion-select style="color: red"> </ion-select>

New color… And this tag serves to any styles… For another example font-size, text-aling etc…

3

Check this.

4

This is actually changing the font-color also. I only need to change the icon color and its opacity.

5

I have checked it several times. They are not providing any class for the icon color. :slight_smile:

6

Put it in your corresponding css file

ion-select::part(icon) { 
	color: #ff0000;
	opacity: 1;
}
1 Like