ion 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;
}