javascript - Angular Material mat-expansion-panel-body 样式未应用

Question

我的组件的 css 文件中有以下 css：

.mat-expansion-panel-body {
  padding: 0;
}

而且，所以我希望看到这条规则（即使被覆盖）出现在以下 dom 元素中：

<div class="mat-expansion-panel-body">...</div>

但是，我在开发工具中看到的只是：

.mat-expansion-panel-body {
  padding: 0 24px 16px;
}

我注意到该元素没有其他宿主元素所具有的_ngcontent-c19类，因此我假设这是视图封装的情况。

但是，在阅读了 ::ng-deep 和 /deep/ 的弃用以及其他要弃用的封装穿透构造之后，在我的组件的 css 文件中设置此元素的样式的更好解决方案是什么？

标签： javascriptcssangularangular-material

Answer 1

我::ng-deep在组件 css 中设置，它在我身边工作。

::ng-deep .mat-expansion-panel-body{
     padding: 0;
}