2017-06-03 108 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