占位符6.4.7后，占位符透明

Question

將Angular Material從v6.0.1更新到v6.4.7后，應用程序的所有mat-form-field都具有類.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。