在角度7中覆盖主体背景颜色

Question

我一直在尝试覆盖我的登录名和注册组件的背景主体，但是它不起作用 我尝试添加带有设置背景颜色的CSS类的div，但是页面底部未设置为我选择的颜色。 我希望您能找到解决问题的最佳方法。

  .login-page{
    height: 100% !important;
    background-color: #e40134 !important;
   }

Answer 1

在 @Component

中使用封装键

，然后在CSS => https://blog.angular-university.io/angular-host-context/

中使用 :: ng-deep

例如：

::ng-deep .login-page {
    height: 100% !important;
    background-color: #e40134 !important;
}

这是不同的封装方式：

Answer 2

尝试

  .login-page{
    height: 100vh !important;
    background-color: #e40134 !important;
   }

如果仍然没有达到预期的效果，则可以添加position: absolute。 无论如何，您始终可以通过应用margin: 0重设正文。如果您使用浏览器进行检查，了解所看到的内容将非常有帮助。

Answer 3

我认为这实际上是一个问题，因为默认情况下您有保证金。

因此，在styles.scss中，我将添加以下内容：

body: {
  margin: 0
}