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

Question

从这个问题Changing border color in 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;
}