如何设置 mat-form-field 的焦点边框线颜色

Question

这篇文章中接受的答案Changing border color in mat-form-field介绍了如何更改 的边框线颜色mat-form-field。我想知道是否有办法在聚焦时改变边框颜色。我尝试将以下代码添加到scss文件中，但它不起作用：

.mat-focused .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  /*change color of label*/
  color: green!important;
}

有人能告诉是否有办法改变焦点边框线颜色吗？

Answer 1

如果您想更改所有控件的颜色策略，那么您应该访问https://material.angular.io/guide/theming。您还可以使用自己的颜色制作自定义主题。

如果你想要一个特定的控件，你可以使用下面的 css

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: red;
}