css - Angular 7 - 更改组件的背景颜色

Question

我刚开始使用 Angular，所以如果这是一个菜鸟问题，请原谅。我已经生成了一个我想用作登录屏幕的组件。我试图更改整个页面的背景颜色，但无法成功。

我尝试过以下方法:

html{
    background-color: blue !important;
}

body{
    background-color: blue !important;
}

这不起作用。我不想改变所有页面的背景颜色，只想改变这个登录组件。因此，将上述代码放入 styles.scss 文件中并不是一种选择。

Answer 1

:host {
    background: blue;
}

您应该阅读有关 Component styling 的一些文档，特别是View Encapsulation这种机制确保定义的样式仅适用于组件并且不会“泄漏”。