变角材料形状场的轮廓形貌

Question

嗨，从这个问题Changing border color in mat-form-field，我已经学会了如何在无效输入的情况下更改mat表单字段的插入符号颜色，但是我不知道如何更改该字段的轮廓颜色。

卡雷特实例

.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;
}