这里有另一个解决方案。这可能有点基础，限制或黑客，但它工作：

style.css

body, html {
   padding: 0;
   width: 100vw;
   height: 100vh;
   ...
 }

.my-container{
  width: 100vw;
  height: 100vh;
  ...
}

字符串

home.component.css

.my-container{
    background-color: red;
 }

型

home.component.html

<div class="my-container">
   ...
   /* the content of your component here */
</div>

型

login.component.css

.my-container{
    background-color: blue;
 }

型

login.component.html

<div class="my-container">
   ...
   /* the content of your component here */
</div>

型
等等。

import { ViewEncapsulation } from '@angular/core';

@Component({
  encapsulation: ViewEncapsulation.None,

})

字符串
要覆盖styles.css中的样式并为组件指定特定的样式，请将ViewEncapsulation as none添加到组件中并导入正确的类，它将工作。

您可以使用:host选择器在宿主组件的模板中应用样式，该模板是当前组件的父模板。在你的组件的css中，试试这个：

:host .my-app-class {
    background-color: white;
}

字符串

这是我的解决方案。

style.css

.login-page {
    height: 100%;
      background-repeat: no-repeat;
      background-image: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));
}

字符串

login-home.component.ts

关注OnInit和OnDestroy函数

import { Component, OnInit, OnDestroy } from '@angular/core';

@Component({
  selector: 'app-login-home',
  templateUrl: './login-home.component.html',
  styleUrls: ['./login-home.component.css']
})
export class LoginHomeComponent implements OnInit, OnDestroy {
  // Search the tags in the DOM
  bodyTag: HTMLBodyElement = document.getElementsByTagName('body')[0];
  htmlTag: HTMLElement = document.getElementsByTagName('html')[0];

  constructor() {

  }

  ngOnInit() {
    // add the css-style to the html and body tags
    this.bodyTag.classList.add('login-page');
    this.htmlTag.classList.add('login-page');
  }

  ngOnDestroy() {
    // remove the the body classes
    this.bodyTag.classList.remove('login-page');
    this.htmlTag.classList.remove('login-page');
  }

}

型

我也遇到了这个问题，我找到了解决办法。
转到您的component.ts文件，并将这段代码添加到@component下的styleUrls下面。

/../
   styleUrls: ['./xyz.component.css'],
   styles:[
       `
        :host{
            display:block; //can be anything except inline(default display)
            background-color: white; //any background color you want
        }
       `
   ]

字符串
它对我有效，希望它对你也有效。