表格字段的角材料更改轮廓外观

Question

嗨，来自这个问题Changing border color in 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;
}