如何覆盖组件中的body属性？

Question

我有默认的style.sass文件，其中包含常见的SAP风格。

该文件包含body {}。

的样式

如何从任何组件覆盖此CSS属性？例如，我需要在组件Login中更改body的背景颜色。

Answer 1

为此，您需要设置ViewEncapsulation.None：

import {..., ViewEncapsulation} from '@angular/core';

@Component({
  selector: 'my-app',
  encapsulation: ViewEncapsulation.None,

此组件中的所有样式都将添加到全局样式中。

以下是docs：

的引用

  

无意味着Angular不进行视图封装。 Angular补充道   CSS到全局样式。范围规则，隔离和   前面讨论的保护措施不适用。这基本上是   与将组件的样式粘贴到HTML中相同。

Answer 2

您可以在css组件中尝试此操作：

/deep/ body {
  background-color: green;
}