如何更改垫错误（角材料）的颜色？

Question

我在表格内使用Angular Material的mat-error来显示验证错误。这些默认情况下显示为橙色。是否可以调整其样式以使其变为红色？

我尝试过：

mat-error{
    color: red !important;
}

没有成功。

提前谢谢！

Answer 1

尝试此CSS。

 .mat-input-invalid .mat-input-placeholder {
    color: red;
}

.mat-input-invalid .mat-input-ripple {
    background-color: red;
}

Answer 2

您可以将其添加到 :root {}

:root {
  .brand-theme .mat-error {
    color: red;
  }
} 

Answer 3

您可以自定义主题。参见here

或在CSS中添加::ng-deep：

mat-error ::ng-deep{ color: red; } 但是不推荐使用::ng-deep方法，请参见here

Answer 4

截至今天，这些内容以红色显示。