Angular 16 版本 matformfield 不允许更改边框

Question

我遇到了一个问题，我想使用 mat-autocomplete 在 mat-form-field 内创建一个输入，但面临无法更改边框、背景颜色等样式的问题，并且不知道为什么它在底部无法修复更改，任何建议都可能有用。

这是我面临的问题的堆栈闪电战： https://stackblitz.com/edit/6pam3o-qppvkt?file=src%2Fexample%2Fautocomplete-auto-active-first-option-example.html,src%2Fexample%2Fautocomplete-auto-active-first-option-example .css，src%2Fexample%2Fautocomplete-auto-active-first-option-example.ts

我希望删除边框、背景色和底部分配的额外空间

Answer 1

如果您想覆盖 Material 类的 CSS 属性，例如 mat-mdc-form-field-focus-overlay、mat-mdc-form-field 等，您需要将 css 规则放入您的 styles.scss 文件中，并使用！重要属性。它在组件样式文件中不起作用。