Angular 9 - 不能用css变量改变身体背景

Question

我正在使用自定义颜色变量来更改按钮颜色，它工作正常。我正在使用 elementRef。

问题是当我尝试更改正文背景颜色时，即使我指向变量，正文仍采用默认颜色。

   :root{
 --body-background-color: #f7b219;
}

body,

html{
  background-color: var(--body-background-color) !important;
}

我哪里错了？

Answer 1

试试

:root {
  --main-bg-color: #f7b219;
}

body {
  background-color: var(--main-bg-color);
}