角材料輸入占位符顏色更改（如果存在輸入值）

Question

我在材質5.2中使用了角度5。 我想更改輸入字段占位符顏色如果字段不為空。 當我專注於字段時，我可以更改顏色，但是如果值存在，則不能更改顏色。

我試過下面的代碼。 它更改所有字段為空和非空字段。 我只想更改非空字段的顏色。 請告訴我

::ng-deep .mat-form-field-placeholder{
 color:#2196F3
 }
 ::ng-deep .mat-focused .mat-form-field-placeholder{
  color:#2196F3;
   }
 ::ng-deep .mat-form-field-underline .mat-form-field-ripple{
    background-color:#2196F3;
    }
 ::ng-deep .mat-form-field-underline{
 background-color:#2196F3;
  }

Answer 1

經過一番研究發現以下解決方案。 我已經添加了

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

浮動標簽是當控件不包含任何文本時顯示在表單字段控件頂部的文本標簽。 默認情況下，當出現文本時，浮動標簽將浮動在表單字段控件上方。 可以通過mat-label元素，通過在表單控件上設置占位符屬性或使用mat-placeholder元素來定義表單字段的標簽。 如果存在多個沖突值（例如，占位符和標簽），則以mat-label為准，並且僅當無值時才顯示占位符。