当 mat-select 表单域处于焦点时，角度 mat-label 消失

Question

Angular 新手，一直在阅读有关 mat-form-fields 的 Material 文档。当表单字段集中时，我遇到了一个奇怪的错误。我的垫子标签会在焦点上消失，一旦失去焦点就会重新出现。

这似乎只发生在 Chrome 中。 Firefox 和 Edge 没有这个错误

<mat-form-field>
    <mat-label>Days</mat-label>
    <mat-select value="{{pD.Days[0]}}" [(ngModel)]="pDSaveModel.Days" (ngModelChange)="saveModelChanged()">
        <mat-option *ngFor="let day of pD.Days" [value]="day">
            {{day}}
        </mat-option>
    </mat-select>
</mat-form-field>

这是表单字段失焦的屏幕截图

聚焦时这里是同一个字段

这是失去焦点后的最终结果

我已经尝试在 mat-select 中添加 placeholder=""，并尝试了除默认传统之外的其他外观选项。我也尝试过使用 floatLabel="always" 属性，但没有运气。非常感谢任何帮助！

Answer 1

将标签更改为标题标签之类的最终解决方案。然后我只是应用了一个简单的类来使字体粗细正常。