MAT-FORM-FIELD-OUTLINE 标签文本与表单字段轮廓边框重叠 [英] MAT-FORM-FIELD-OUTLINE label text overlapping with form-field-outline border

问题描述

在我的应用程序中，我有 3 步 mat-stepper 过程.在 First stepper 中，我有 mat-form-field 轮廓，它工作正常，但在 Second Stepper 和 Third Stepper 中，我有相同的 mat-form-field 轮廓，但标签与边界线重叠，如下所示.

In my application, i have 3 step mat-stepper process. In First stepper, i have mat-form-field outline and it works fine but in Second and Third Stepper i have the same mat-form-field outline but the label is overlapping with border line like below.

<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 中.

i could see this is happening in IE only not in Chrome.

任何人都可以对此提供帮助.提前致谢

could any one help on this. Thanks in Advance

推荐答案

很遗憾，Material Angular 不能正确支持 IE(官方支持 IE11+...).

Unfortunately, Material Angular does not support IE properly (officialy, IE11+ is supported...).

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

If IE support is important to your project, use something else like https://materializecss.com/

这篇关于MAT-FORM-FIELD-OUTLINE 标签文本与表单字段轮廓边框重叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！