html - Ionic 2 如何设置 <ion-item> 窗口的样式

Question

所以我一直在尝试设置每当我按下时弹出的“”窗口的样式。所以我的 HTML 代码是这样的:

page-about {
  
}

<!--HTML about.html -->
  <ion-item>
  <ion-label>Toppings</ion-label>
  <ion-select [(ngModel)]="toppings">
    <ion-option>Bacon</ion-option>
    <ion-option>Black Olives</ion-option>
    <ion-option>Extra Cheese</ion-option>
    <ion-option>Mushrooms</ion-option>
    <ion-option>Pepperoni</ion-option>
    <ion-option>Sausage</ion-option>
  </ion-select>
</ion-item>

我有点想减少弹出窗口的宽度和高度。 感谢您的帮助。

Answer 1

你可以试试这个

<ion-select [(ngModel)]="toppings" class="selectClass">
    <ion-option>Bacon</ion-option>
    <ion-option>Black Olives</ion-option>
    <ion-option>Extra Cheese</ion-option>
    <ion-option>Mushrooms</ion-option>
    <ion-option>Pepperoni</ion-option>
    <ion-option>Sausage</ion-option>
  </ion-select>

在你的 .sass 文件中添加这个

.selectClass {
    max-width:100px !important;
}