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

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

1 个答案: