Ionic 3選擇選項樣式CSS

Question

如何將那個離子選擇盒放大些？

我應該把它放寬些嗎？

碼

<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

只需添加到您的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>