angular - How to change the material2 md input placeholder font size and colour? -

how change material2 md input placeholder font size , colour?

check image link

note: /deep/ deprecated, use :host ::ng-deep in place. bear in mind ::ng-deep technically deprecated , replaced combinator, should used time being

the issue running viewencapsulation. it's annoyance, i've been able gather working intended.

you have ability though few characters change style liking. have use special selector: /deep/

for instance if wanted change colour of placeholder text described in question create style this:

/deep/ .mat-input-placeholder {     color: #fff;     font-size: 2em; } 

this won't change underline style. if wanted change add style like:

/deep/ .mat-input-ripple.mat-focused {     background-color: #fff; } 

if still want style material component within specific component can use :host selector:

:host /deep/ .mat-input-placeholder {    font-size: 2em; }