MAT-FORM-FIELD-OUTLINE标签文本与表单字段-轮廓边框重叠

Question

在我的应用程序中，我有3步步进步进过程。在First stepper中，我具有mat-form-field轮廓，并且工作正常，但在Second Stepper和Third Stepper中，我具有相同的mat-form-field轮廓，但是标签与边框重叠，如下所示。

<mat-form-field appearance="outline">
      <mat-label>Member ID *</mat-label>
      <input matInput placeholder="Test" 
                   formControlName="memberID"                             
                   [(ngModel)]="submitPaymentRequest.getAccount().acctNum">
       <mat-placeholder>TEst</mat-placeholder>
       <mat-error app-validation-message></mat-error>
</mat-form-field>

我可以看到这种情况仅在IE中而不是在Chrome中发生。

任何人都可以帮忙。在此先感谢

Answer 1

不幸的是，Material Angular不正确支持IE（官方支持IE11 + ...）。

如果IE支持对于您的项目很重要，请使用https://materializecss.com/