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%对元素居中引起的.
使用弹性框和对齐项目中心解决了问题!
只是一个抬头!