How to change Angular 5 Material input placeholder? [duplicate]

Question

How do you change the placeholder colour on a angular/material input placeholder?

<mat-form-field>     <input matInput placeholder="Name">   </mat-form-field> 

Answer 1

In the last version of angular you can remove the placeholder in the input and add a mat-placeholder in the mat-form-field and custom the css with a class

html :

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

css:

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