html - Ionic 3 选择选项样式 css

Question

我怎样才能把那个 ionic 选择框放大一点？

我应该让它更宽一些吗？

代码

<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>