如何更改有角材料在<mat-form-field>内部的<input>的占位符颜色?

时间:2019-12-02 23:56:45

标签: angular angular-material mat-form-field

我正在尝试使用.CSS在我的输入元素上将占位符颜色更改为WHITE。  元素位于

  <mat-form-field class="text-center">
    <input class="daniel" matInput (keyup)="applyFilter($event.target.value)" placeholder="Search-bar">
  </mat-form-field>

2 个答案:

答案 0 :(得分:0)

Angular Material组件颜色取决于主题。这意味着您可以创建一个自定义主题来完成这项工作。 如果有帮助,请查看如何创建主题: https://material.angular.io/guide/theming

另一种解决方案可能是覆盖css样式,但是我目前确实在输入组件中保留了占位符的知识

答案 1 :(得分:0)

主题化是为材料成分着色的正确方法,但是,如果要手动覆盖材料输入中的标签,则可以这样操作:

::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
    color:white;
}

https://stack59148369.stackblitz.io

相关问题