全局样式中的角度背景颜色。css无法正常工作

Question

我在全局styles.css中添加了以下代码，使其具有浅蓝色背景色。

html, body{
 background-color: lightblue ;
}

当我刷新home.component页面时，会短暂看到浅蓝色屏幕，然后我得到的home.component没有浅蓝色背景。

是什么导致home.component覆盖背景颜色。我没有用于home.component或app.component的CSS文件。

更新：我做了，F12，元素标签，在背景上过滤。我看到白色覆盖了style.css背景颜色。似乎aws-amplify代码在styles.css中覆盖了我的浅蓝色背景色

Answer 1

使用!important是一个糟糕的解决方案。 您最有可能使用css表覆盖background-color属性（如果正在使用，请检查引导程序）。 解决该问题的最佳方法是在浏览器中打开控制台并手动检查。

要这样做：

• 按f12
• 点击顶部元素
• 通过 background 属性进行过滤
• 您现在将能够看到哪个样式表定义了背景颜色

您应该会看到类似的东西。