Angular 7 + Angular Material，styleUrls 无法正常工作

Question

我有一个 angular 5 应用程序，几天前我已经将它更新到最新的 v7。当然，我更新了 Angular Material + RxJS.

在那之后，我看到了很多 UI 问题。例如，对于 v5，我使用 styleUrls 作为我的组件，下一个 CSS 作为客户 UI 作为 material 组件：

:host /deep/ mat-table {
    background: transparent !important;
}

现在，对于 v7 它不起作用，但是如果我将此 CSS 放入我的组件视图中，例如：

    <style>
        :host /deep/ mat-table {
             background: transparent !important;
         }
    </style>

    ....
<div class="row">
    <div class="col-sm-4">

一切正常，如预期。这就是为什么我认为 styleUrls 但 styles 的问题也不起作用。我不知道如何解决这个问题。

如果有人知道如何解决这个问题，请告诉我。

P.S。使用 v5 一切正常，但使用 v7 则不行。

Answer 1

正如我在评论中所说，您应该使用 ::ng-deep 而不是 /deep/:Documentation。这是一个使用 mat-table html 元素的实例：Stackblitz angular v7.

希望对您有所帮助！

Angular 7 + Angular Material，styleUrls 无法正常工作

Angular 7 + Angular Material, styleUrls doesn't work as one would expect

css

angular-material

angular-cli

angular

angular-cli-v7