垫输入占位符文本模糊

Question

Chrome/Safari 上的 matInput 占位符文本模糊（我认为一切）。

代码：

<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% 而引起的。

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

请注意！