Hinzufügen von benutzerdefinierten Styling zu ion-select

Question

Ich habe eine Ion-select mit wenigen Optionen Ich gab eine Überschrift mit [selectOptions], gibt es eine Möglichkeit, eine CSS zu definieren, so dass ich in der Lage, Hintergrundfarbe auf Kopfzeile, Schaltfläche festlegen konnte Ausrichtung und ein Symbol in den

Header hinzufügen

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

mir jemand Ja

Answer 1

helfen könnte, Sie CssClass in Option wie folgt verwenden können:

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

dann in CSS können Sie, was Sie tun wollen zB:

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

Dank ionische docs suchen: https://ionicframework.com/docs/api/components/alert/AlertController/#advanced