Angular Mat 表单字段输入下划线覆盖

Question

我在我的项目中使用了 angular 材料。 正如你看到的第一张截图，angular材料没有问题。 但是刷新页面后，您将在第二个屏幕截图中看到。 输入底线超过输入。 而且我在我的项目中使用顺风 css。

第一张截图
第二张截图

HTML：

<mat-form-field class="example-full-width" appearance="fill">
  <mat-label>{{ username }}</mat-label>
  <input
    formControlName="newUser"
    matInput
    #newusername
    maxlength="256"
    [placeholder]="'New Username' | translate"
  />
  <mat-hint align="start">{{ newusername.value.length }} / 15 </mat-hint>
  <mat-error *ngIf="newUserInfo.get('newUser')?.touched">
    {{ "New Username" | translate }}
    <strong> {{ "Required" | translate }}</strong>
  </mat-error>
</mat-form-field>