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; } 

Comments

Popular posts from this blog

c# SetCompatibleTextRenderingDefault must be called before the first -

c++ - Fill runtime data at compile time with templates -

C#.NET Oracle.ManagedDataAccess ConfigSchema.xsd -