Как создать элемент панели выбора мата. Из документов я понимаю, что мне нужно предоставить panelClass, поэтому я делаю это следующим образом:
<mat-form-field>
<mat-select placeholder="Search for"
[(ngModel)]="searchClassVal"
panelClass="my-select-panel-class"
(change)="onSearchClassSelect($event)">
<mat-option *ngFor="let class of searchClasses" [value]="class.value">{{class.name}}</mat-option>
</mat-select>
</mat-form-field>
Я проверил в инструментах разработчика, что этот класс прикреплен к панели в DOM и прикреплен. Поэтому у меня есть свой собственный scss-класс, прикрепленный к этому элементу. Теперь, когда я предоставляю css, он просто не работает. Например, мой scss выглядит так:
.my-select-panel-class {
width:20px;
max-width:20px;
background-color: red;
font-size: 10px;
}
Ширина панели всегда равна width
элемента выбора. Иногда в вариантах у вас слишком длинные строки, и я хотел бы сделать это немного шире. Есть ли способ, как это сделать. Мой стиль из моего компонента просто не работает даже с background-color
, не работает. Кто-нибудь знает, почему это так странно?
Я использую: Angular 4.4.5 @angular/material: 2.0.0-beta.12