角度材料 - 提交输入后更改输入下划线颜色

Question

我正在尝试更改 mat-input-underline 的颜色： 第一：线是灰色的，没问题 enter image description here

第二：焦点线是紫色的，没问题 enter image description here

最后下划线颜色在关注其他字段后恢复为黑色。

我希望对焦后颜色保持紫色。

我该怎么做？

谢谢

Answer 1

对于每个 mat 输入：在获得焦点时，将布尔值 h​​adFocus 设置为 true。在 mat 输入元素上使用 [class.had-focus]="hadFocus" 指令，并将 CSS 中的“紫色”样式应用到 .had-focus 类。

您可能认为使用表单控件的原始字段可以做到这一点。但如果我没记错的话，原始字段会在某个时候自动重置。不过你可以试试。