添加自定義樣式離子選擇

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

是的，你可以選擇使用的CssClass這樣的：

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

然後在CSS中，你可以做你想要例如：

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

感謝對離子文檔：https://ionicframework.com/docs/api/components/alert/AlertController/#advanced