angular 素材-输入提交后更改输入下划线颜色

Question

I'm trying to change the color of mat-input-underline: first: the line is grey and its ok enter image description here

second: on focus the line is purple and its ok enter image description here

at the end the underline color return to be black after focus on other field.

i want that after focus the color will remain purple.

how do i do it?

thanks

Answer 1

For each mat input: on focus gain, set a boolean hadFocus to true. Use a [class.had-focus]="hadFocus" directive on your mat input element and apply the "purple" styles in your CSS to the.had-focus class.

You might think you can do that using a form control's pristine field. But if I remember correctly, the pristine field will reset automatically at some point. You can give it a try though.