Angular material 更改表单域的轮廓外观

Question

你好，这个问题 我已经学会了如何在无效输入的情况下更改 mat-form-field 的插入符号颜色，但我不知道如何更改轮廓颜色这样的。

插入符号示例

.mat-form-field-invalid .mat-input-element, .mat-warn .mat-input-element {
caret-color: #fbc1c1; 
} 

我认为可行的方法：

.mat-form-field-invalid .mat-form-field-outline, .mat-warn .mat-form-field-outline{
color: #fbc1c1;
}

Answer 1

使用工具

后终于找到了正确的 css 部分

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336;
}