Sasa Sasa - 4 years ago 219
CSS Question

angular material placeholders and input/textarea style

I want to use angular material for contact form but I have problem to change styles of input fields and placeholders or labels when is not on focus. I made codepen and if you look there placeholders are grey. I want them to be green, change fonts to any other, and to make good position for them using padding or everything else.

I try solution as

md-input-container.md-default-theme label,
md-input-container.md-default-theme .md-placeholder {
color: #FDFE67 !important;
}


but nothing happened. I can't figure out how to change this and I didn't find any solution on internet.

Can anyone helps me?

Thanks in advance

Answer Source

I added this piece of code there and it works

md-input-container.md-icon-float>label
{
  color: green
}

Demo: http://codepen.io/muzic12freakzz/pen/apKEOm
This is just a starting point. You can add more styles to it.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download