angular - 如何更改占位符颜色它在里面从角材料？

Question

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

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

Answer 1

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

另一种解决方案可能是覆盖 css 样式，但我目前确实掌握输入组件内占位符的知识

Answer 2

主题化是为材质组件着色的正确方法，但是，如果您想手动覆盖材质输入中的标签，您可以这样做：

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

https://stack59148369.stackblitz.io