如果存在输入值，则角度材料输入占位符颜色更改

Question

我使用角度5和材质5.2。我想更改输入字段占位符颜色如果字段不为空。我可以在聚焦场时更改颜色，但如果值存在则无法更改颜色。

我试过下面的代码。它改变所有字段为空和非空字段。我想只更改非空字段的颜色。请指教我

V2

Answer 1

经过一些研究发现以下解决方案。 我添加了

 <mat-label style="blue">UserName</mat-label>

当控件不包含任何文本时，浮动标签是显示在表单字段控件顶部的文本标签。默认情况下，当文本存在时，浮动标签将浮动在表单字段控件上方。可以通过mat-label元素，通过在窗体控件上设置占位符属性或使用mat-placeholder元素来定义窗体域的标签。如果存在多个冲突值（例如占位符和标签），则mat-label将优先，并且只有在没有值时才会显示占位符。