占位符6.4.7后,占位符透明

时间:2018-10-05 09:02:14

标签: angular angular-material placeholder

将Angular Material从v6.0.1更新为v6.4.7后,应用程序的所有mat-form-field都具有类.mat-form-field-hide-placeholder,该类基本上添加了以下代码:-webkit-text-fill-color: transparent;

现在所有占位符都是透明的。

Screenshot of Chrome DevTools

这是我们如何将占位符与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>

我们要在上面显示占位符的地方。

您知道为什么会这样吗,或者如何避免此类?

1 个答案:

答案 0 :(得分:1)

好的,我发现此行为与默认情况下为传统的mat-form-field的新外观有关。如果我选择标准,则会消失“类mat-form-field-hide-placeholder”类。