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

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>

截图：

解决方法

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

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

只是一个抬头！