MAT-FORM-FIELD-OUTLINE标签文本与form-field-outline边框重叠

Question

在我的应用程序中，我有3步mat-stepper过程。在第一步中，我有mat-form-field轮廓，它工作得很好，但在第二步和第三步中，我有相同的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/