当选择垫选型字段时，角度垫标消失

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>

这是表单域的屏幕截图，不清晰

这里是重点领域

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

我尝试在占位符选择中添加占位符=“”，并尝试使用默认外观以外的其他外观选项。我也尝试过使用floatLabel =“ always”属性，但是没有运气。任何帮助深表感谢！

Answer 1

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