Question

我在我的应用程序中遇到一个奇怪的问题，我将一个类应用于body，将其背景设置为灰色。最近，在进行其他一些更改时，出现了这个问题。

在当前场景中，在视口中初始加载时加载的主体部分具有灰色背景，但当我向下滚动页面时，主体的其余部分具有白色背景。

This回答正确地提到了

高度：100％等于视口高度。要么不指定身高或使用最小身高：100％;

现在，我最近在应用程序中包含了角度材质样式，其主体标记为：

html, body {
    height: 100%;
    color: rgba(0, 0, 0, 0.87);
    background: white;
    position: relative;
}

我不确定如何在使用角度材质时撤消这种样式，因为，应该给予高度以解决此问题的正确值。我尝试手动删除这个100％的高度，问题得到解决，但我不想手动编辑第三方文件，而是覆盖我的应用程序中的样式。我尝试使用在我的css中给出身体样式的基本解决方案，如下所示，但它不会覆盖角度材质样式。

body {
    background-color: #edecec !important;
    height: 100%;
}

对于如何做到这一点的任何建议都表示赞赏。