将自定义样式添加到 ion-select

Question

我有一个带有几个选项的离子选择我使用 [selectOptions] 给了一个标题，有没有办法定义一个 css，这样我就可以将背景颜色设置为标题，按钮对齐，并向标题添加一个图标

 <ion-select [selectOptions]="daysOptions" #selectDays="ngModel" required name="selectedDay" [(ngModel)]="selectDay" >
         <ion-option *ngFor="let day of Days;" [value]="day.val">{{day.name}}</ion-option>
 </ion-select>

有人可以帮我吗

Answer 1

您现在可以轻松解决此问题

添加到离子选择元件：

[interfaceOptions]="{cssClass: 'my-class'}"

添加到CSS：

.my-class .alert-wrapper {
    max-width: 94% !important;
}

Answer 2

是的，您可以在选项中使用 cssClass，如下所示：

// In your component
daysOptions = {
    cssClass: 'my-class',
    ...,
}

然后在 css 中你可以做你想做的事情，例如：

.my-class .alert-wrapper {
    max-width: 94% !important;
}

感谢 ionic 文档：https://ionicframework.com/docs/api/components/alert/AlertController/#advanced