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