问如何设置mat-form-field的聚焦边框颜色
EN

Stack Overflow用户

提问于 2020-11-30 21:11:11

回答 1查看 951关注 0票数 1

这篇文章中被接受的答案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;
}

有没有人能告诉我有没有办法改变聚焦边框的颜色？

回答已采纳

发布于 2020-11-30 21:34:21

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

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

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65074248

复制

相似问题

问如何设置mat-form-field的聚焦边框颜色EN