我正在尝试使用.CSS在我的输入元素上将占位符颜色更改为WHITE。 元素位于
<mat-form-field class="text-center">
<input class="daniel" matInput (keyup)="applyFilter($event.target.value)" placeholder="Search-bar">
</mat-form-field>
答案 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;
}