整页背景颜色角度

Question

尽我所能，我找不到一种方法来在 Angular 中设置整个页面的样式。我所有的模板都存在于它们自己的小世界中，这是某种子集

html {
    background-color: lightblue;
}

不起作用。我尝试让我的模板填充父级的高度/宽度，但这也不起作用。它仍然只填充了部分。它几乎触及侧面和顶部的边缘，但在最后一个 div 到达底部时停止。

.whatever {
    background-color: lightblue;
    width:100%;
    height:100%;
}

Answer 1

在使用 angular-cli 生成的项目中，您应该直接在 src/styles.css 中拥有 styles.css （如果您在生成项目时选择了 sass，则为 scss）

如果添加以下 css，背景将相应地设置样式：

body {
    background-color: lightblue;
}

祝你好运！

@编辑：

无法在组件的 css 文件中设置 body 标签样式的原因是 Shadow dom。Shadow dom 确保样式特定于相应的组件，这在大多数情况下都是有用的（如果您想对不同组件的不同样式规则使用相同的类名）

以下页面可能会为您澄清一些事情： https://angular.io/docs/ts/latest/guide/component-styles.html# !#special-selectors