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