在mat-Input区域聚焦时如何改变mat-icon的颜色？

Question

我正在使用mat-form-field和mat-icon，我希望当我在mat-form-field(mat-Input field)内单击或聚焦时，mat-icon颜色应该改变，而焦点输出mat-icon保持原来的颜色。(Stackblitz)see in this example & make changes inside

Answer 1

您可以将以下样式添加到您的代码中，

.mat-focused .mat-icon {
    color: red;
}