angular - 角材料改变表单域的轮廓外观

Question

嗨，这个问题改变了 mat-form-field 中的边框颜色我已经学会了如何在输入无效的情况下更改 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;
}