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

Question

在我的应用程序中，我有 3 步 mat-stepper 过程。在 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 中。

有人可以帮忙吗？提前致谢

标签： cssangulartypescriptangular-material

Answer 1

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

如果 IE 支持对您的项目很重要，请使用https://materializecss.com/之类的其他内容