ngStyle to set background color of whole web page

136 Views Asked by Shekhar Suman At 23 December 2022 at 11:47

<body [ngStyle]="{'background':'blue'}"></body> I want to set my whole web page of color blue.

I tried using height=100% and width=100% like this<body [ngStyle]="{'background':getColor(),'height':'100%','width':'100%'}"></body>, but still whole web page is blank.

Original Q&A

There are 1 best solutions below

forbiddencoding On 23 December 2022 at 13:08

[ngStyle] only works on the element it is specified in. To programmatically change the style of the applications <body></body> - since it is not part o any component - you can do the following:

In any component e.g. app.component.ts

import { Component, Inject } from '@angular/core';
import { DOCUMENT } from "@angular/common";

export class AppComponent {

    constructor(
        @Inject(DOCUMENT) document: Document
    ) {
        document.body.style.background = 'blue'
    }
}

ngStyle to set background color of whole web page

There are 1 best solutions below

Related Questions in ANGULAR

Related Questions in NG-STYLE

Trending Questions

Popular # Hahtags

Popular Questions