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

Question

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

该文件包含 body {} 的样式。

如何从任何组件覆盖此 CSS 属性？例如我需要更改组件登录中主体的背景颜色。

Answer 1

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

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

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

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

这是 docs 的引用:

None means that Angular does no view encapsulation. Angular adds the CSS to the global styles. The scoping rules, isolations, and protections discussed earlier don't apply. This is essentially the same as pasting the component's styles into the HTML.