Angular 如何更改<;的占位符颜色;输入>;它在里面<;垫形式字段>;从角材料?

Angular 如何更改<;的占位符颜色;输入>;它在里面<;垫形式字段>;从角材料?,angular,angular-material,mat-form-field,Angular,Angular Material,Mat Form Field,我正在尝试使用.CSS将输入元素上的占位符颜色更改为白色。 它在里面 <mat-form-field class="text-center"> <input class="daniel" matInput (keyup)="applyFilter($event.target.value)" placeholder="Search-bar"> </mat-form-field> 角度材质组件颜色取决于主题。这意味着您可以创建一个自定义主题来实现

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

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

角度材质组件颜色取决于主题。这意味着您可以创建一个自定义主题来实现此功能。 看看如何创建一个主题,如果这有帮助的话:


另一种解决方案可能是覆盖css样式,但我目前确实掌握了输入组件内占位符的知识,主题化是为材质组件着色的正确方法,但是,如果要手动覆盖材质输入中的标签,可以这样做:

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

你试过什么?举个stackblitz的例子怎么样?