заполнитель прозрачный после перехода на угловой материал 6.4.7

Question

После обновления Angular Material с v6.0.1 до v6.4.7 все mat-form-field s приложения имеют класс .mat-form-field-hide-placeholder, который в основном добавляет следующий код: -webkit-text-fill-color: transparent;

А теперь всезаполнители являются прозрачными.

это пример того, как мы используем заполнитель с полем mat-form-field

<mat-form-field *ngIf="option">
    <mat-select class="irregularselector"
                [(ngModel)]="selectedOption"
                placeholder="Choose one..."
                (selectionChange)="onSelectedOption()">
        <mat-option *ngFor="let opt of irregularOpts;" value={{opt.uuid}}> 
            {{opt.name}}
        </mat-option>
    </mat-select>
 </mat-form-field>

Гдемы хотим отобразить заполнитель, описанный выше.

Знаете ли вы, почему это происходит, или о том, как избежать этого класса?

Answer 1

Хорошо, я обнаружил, что это поведение связано с новым внешним видом поля mat-form-field, которое по умолчанию является устаревшим.Если я выберу стандарт, класс mat-form-field-hide-placeholder исчезнет.