angular - 如何更改 Angular 5 Material 输入占位符？

Question

<分区>

Answer 1

在 angular 的最新版本中，您可以删除输入中的占位符并在 mat-form-field 中添加一个 mat-placeholder 并使用类自定义 css

html:

<mat-form-field>
    <input matInput type="text">
    <mat-placeholder class="placeholder">Search</mat-placeholder>
</mat-form-field>

CSS:

.mat-focused .placeholder {
    color: #00D318;
}