Question

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

在那之后，我看到了很多UI问题。例如，对于v5，我已将styleUrls用于组件，下一个CSS用于材料组件的cust UI：

: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无法正常工作

1 个答案: