Ionic 3选择选项样式CSS

Question

How can I put that ion-select box bigger?

Should I leave it wider?

CODE

<ion-item style="padding-left: 30px!important;padding-right: 30px!important;max-width: 300px;" >
   <ion-select   class="mastersA"   [(ngModel)]="option"   style="max-width: 50px;">
      <ion-option selected="true"  value="100ltc">100% LTC</ion-option>
      <ion-option  value="100mic">100% MIC</ion-option>
      <ion-option  value="50ltc50mic">50% LTC + 50% MIC</ion-option>
   </ion-select>
</ion-item>

Answer 1

Just add to your ion-select :

style="max-width: 100%;width: 100%;"

<ion-item style="padding: 0px 30px!important;" >
<ion-select class="mastersA" [(ngModel)]="option" style="max-width: 100%;width: 100%;">
  <ion-option selected="true"  value="100ltc">100% LTC</ion-option>
  <ion-option  value="100mic">100% MIC</ion-option>
  <ion-option  value="50ltc50mic">50% LTC + 50% MIC</ion-option>
</ion-select>