Using Host Selector in angular

Question

I need help in setting the background-color of a page to a different color using Host Selector. I tried the example in stackblitz https://stackblitz.com/edit/angular-hknw2a?file=src%2Fapp%2Fapp.component.scss, not sure how to set for the whole page. Thanks in advance.

Non-standard elements are seen as inline by default as they aren't part of the HTML spec. — Phix
– Phix, Commented Apr 30, 2019 at 4:31

Hiren Vaghasiya · Accepted Answer · 2019-04-30 08:06:00Z

4

Set width and min-height in Host selector to set background-color for the whole page.

body {
  margin:0px;
}

:host{
  background-color: aquamarine;
  display:block;// comment this tyo have "no background"
  width: 100vw;
  min-height:100px;
}

edited Apr 30, 2019 at 8:06

Hiren Vaghasiya

5,5341 gold badge13 silver badges25 bronze badges

answered Apr 30, 2019 at 4:29

Zarna Borda

7432 gold badges6 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PremKumar Over a year ago

Thank you, took time to make some changes in my code and fix. Finally worked with, "width: 100%; min-height:100vh;"

Collectives™ on Stack Overflow

Using Host Selector in angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related