html - Angular Material 占位符和输入/文本区域样式

Question

我想在联系表单中使用 Angular Material ，但在未聚焦时更改输入字段和占位符或标签的样式时遇到问题。我做了 codepen如果你看占位符是灰色的。我希望它们是绿色的，将字体更改为任何其他字体，并使用填充或其他一切为它们腾出合适的位置。

我尝试解决方案

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

但什么也没发生。我不知道如何更改它，而且我在互联网上也没有找到任何解决方案。

谁能帮帮我？

提前致谢

Answer 1

我在那里添加了这段代码并且它有效

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

演示:http://codepen.io/muzic12freakzz/pen/apKEOm
这只是一个起点。您可以为其添加更多样式。