整页背景颜色棱角

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;
}

祝你好运！

@edit：

原因是，你不能在组件的css文件中设置body标签的样式是阴影dom。 shadow dom确保样式特定于相应组件，大部分时间都是有用的（如果你想为不同组件的不同样式规则使用相同的类名）

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