angular - 如何在 Angular 的 Mat 输入字段中添加边框颜色

Question

有什么方法可以在 Angular 的 mat 输入字段中添加边框颜色，默认情况下它没有边框，当我们将鼠标悬停在它上面时，它会变成黑色边框。

我们可以将默认行为更改为黑色边框吗？我无法通过任何 css 做到这一点。

我用这个-

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: white;
}

标签： angular

Answer 1

请将此 css 写在style.css文件的末尾

如果您在Component.css上添加了这个 css，那么它将不起作用

如果它仍然不起作用，请尝试使用!important

希望它对所有人有用

原因

任何css文件或scss都将应用该样式的最后一个值

例子

  .CLASS {
     font-size : 20px;
    }

 .CLASS {
     font-size : 10px;
  }

所以会遇到 font-size : 10px;