How to increase the size of ion-select items?

Ionic Framework Ionic Angular
1

Hi,
I have this ion-select
Ion_Select

implemented with this code:

  <ion-item lines="none" class="item-valuta">
    <ion-label class="label-valuta">{{courseLabel}}</ion-label>
    <ion-select
      interface="popover"
      placeholder="{{courseSelectLabel}}"
      [(ngModel)]="selectedCourse"
      [compareWith]="compareWith"
      (ionChange)="goToQuestionnaires(selectedCourse)"
    >
      <ion-select-option *ngFor="let course of courses" [value]="course"
        >{{course.titoloCorsoIta}}</ion-select-option
      >
    </ion-select>
  </ion-item>

How can I enlarge the select option to have an item for each row?
I can’t find the right css property that should be modified.

Thank you very much.

Claudio

2

This old post solved my problem: Ion-select interface="popover" width enlarge - #3 by pvielhaber

1 Like