angular – Mat输入占位符文本模糊

发布时间：2020-12-17 17:11:41 所属栏目：安全来源：网络整理

导读：matInput占位符文本在Chrome / Safari上模糊(我认为一切). 码： div class="form-group" mat-form-field input matInput placeholder="Email" ngModel name="email" id="email" type="email" required /mat-form-field/divdiv class="form-group" mat-form-f

matInput占位符文本在Chrome / Safari上模糊(我认为一切).

码：

<div class="form-group">
     <mat-form-field>
        <input matInput placeholder="Email" ngModel name="email" id="email" type="email" required>
    </mat-form-field>
</div>
<div class="form-group">
   <mat-form-field>
        <input matInput placeholder="Password" ngModel name="password" id="password" type="password" required>
   </mat-form-field>
</div>

截图：

enter image description here

解决方法

此问题是由使用transform / translate 50％对元素居中引起的.

使用弹性框和对齐项目中心解决了问题！

只是一个抬头！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!