2017-06-03 114 views
0

尝试我可能我无法找到一种方式来在Angular中设计整个页面。我的所有模板都存在于他们自己的小小世界中,它们是某种子集整页背景颜色角

html { 
    background-color: lightblue; 
} 

不起作用。我试图让我的模板填充父母的高度/宽度,但这也没有奏效。它仍然只是部分填充。它几乎击中边和顶部的边缘,但停止最后一个div到达底部的位置。

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

回答

1
直接在SRC/Styles.css中具有角-CLI你应该有一个styles.css的(如果选择上产生项目SASS SCSS)生成的项目

如果添加以下CSS对其背景将据此设计:

body { 
    background-color: lightblue; 
} 

祝你好运!

@edit:

原因,你无法从内部组件的css文件是影子DOM样式身体标记。阴影dom保证,风格是特定于相应的组件,大多数时间是有用的(如果你想使用不同组件的不同样式规则相同的类名称)

以下页面可能会澄清事物a位更适合你: https://angular.io/docs/ts/latest/guide/component-styles.html#!#special-selectors

+0

感谢您解释问题的原因。我仍然无法按照自己喜欢的方式工作。根据文件:主机/深/应该工作,但可悲的是,它不适合我。我已经采取了一个大的绝对div与Z指数-100和宽度/高度在100% – FredMan

+0

不应该有必要使用:主机/深/如果你放置CSS规则(身体标签没有:主机或深)在全局css文件(src/styles.css)中。如果这仍然不起作用,请尝试为您的身体标记添加一个类(例如'color-lightblue')并在src/styles.css文件中设置此类的样式。 – orly