angular 素材-輸入提交后更改輸入下划線顏色

Question

我正在嘗試更改 mat-input-underline 的顏色：首先：這條線是灰色的，可以在此處輸入圖像描述

第二：對焦線是紫色的，可以在此處輸入圖像描述

最后下划線顏色在關注其他字段后恢復為黑色。

我希望在對焦后顏色將保持紫色。

我該怎么做？

謝謝

Answer 1

對於每個墊子輸入：在焦點增益上，將 boolean hadFocus 設置為 true。 在墊子輸入元素上使用 [class.had-focus]="hadFocus" 指令，並將 CSS 中的“紫色” styles 應用於.had-focus ZA2F2ED4F8EBC2CBB4C21A29DC40AB61D。

您可能認為可以使用表單控件的原始字段來做到這一點。 但如果我沒記錯的話，原始場會在某個時候自動重置。 不過你可以試一試。