Ionic 4 - How to change css of ion-select popover

Hi everyone, is there a way to change the css of the popover from the ion-select? Im using the interface option like stated on the docs and would like the popover to have more width.

    <ion-select interface="popover" placeholder="Select One">

I figured it out by adding this line to the global.scss file:

.popover-content {
    --min-width: 100%;

How can I change the width of the content at the component level? I added your suggestion in my fileName.component.scss but it doesn’t change. Thoughts?

you must put it outside of { } brackets in your .scss, like this:

} ----> after last .scss bracket
.popover-content {
min-width: 90% !important;

1 Like

thanks, it worked !!