angular - 垫输入占位符文本模糊

Question

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>

截图:

Answer 1

此问题是由于将元素居中并使用 transform/translate 50% 引起的。

使用 flex box 和对齐项目中心解决了这个问题!

请注意!