Ion select box

Ionic Framework
1

In ionic 4, not able to update the style of i want to modify the styles of

.select-placeholder {
	    opacity: 1;
	}

    .select-icon {
	    width: 25px;
	    height: 25px;
	}

Any way to edit the styles of these.

2

Maybe you could try this code.

ion-select {
    .select-placeholder {
        opacity: 1;
    }

    .select-icon-inner {
        width: 25px;
        height: 25px;
    }
}

Hope this helps :blush:

3

Thanks you for the response. Sorry to say, its not working

ion-select {
    width: 100%;
    max-width: 100%;
   .select-placeholder {
        opacity: 1;
    }

    .select-icon-inner {
        width: 25px;
        height: 25px;
    }
}

Only width get changed, other things as the same. Any alternative solution.

4

Oh. That’s weird, it works fine on me :thinking:.

Are you using this on a specific component or on a global basis?

5

on component. I have to add the code in global.scss?

6

If you are just trying to modify one component, I suggest to put those codes inside that component’s scss. As far as I know every components have their own scss which you can use to modify specific components without affecting others :blush: