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

Question

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

我已经尝试过以下方法：

html{
    background-color: blue !important;
}

body{
    background-color: blue !important;
}

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

Answer 1

:host {
    background: blue;
}

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