angular - Angular Material mat-form-field 不呈现 css 样式

Question

有时，并非总是如此，浏览器会呈现没有 css 样式的输入字段，例如此屏幕截图上的边框。没有错误。有人知道如何解决吗？

标签： angularangular-material

Answer 1

我发现通过相关的 css 文件将::ng-deep应用到组件元素会导致 app 内所有组件发生变化。所以我将当前组件包装在一个 css 类中，并相应地修改了相关 css。

   .my-component ::ng-deep .mat-form-field-underline {
      display: none;
    }

    <div class="my-component">
    ..
    </div>