角场材料外形轮廓轮廓

时间:2020-01-18 05:44:58

标签: angular forms angular-material invalidation mat-form-field

您好,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;
}

1 个答案:

答案 0 :(得分:0)

使用工具后最终找到正确的css部分

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