更改PrimeNG的p-triStateCheckbox中的背景颜色

Question

我尝试更改tristatecheckbox的背景颜色，如下所示。如果我直接更新Web控制台中的CSS，则所述代码将起作用。但是当我在我的代码中应用它时。它不会工作。

.fa-check:before {
     Background-color: green !important;
 }

 .fa-close:before {
     Background-color: red !important;
 }

任何人都可以帮助我吗？

Answer 1

您需要在:host >>>之前添加CSS：

:host >>> .fa-check::before {
  background-color: cyan !important;
}

:host >>> .fa-close::before {
  background-color: magenta !important;
}

请注意，我改变了颜色，因为绿色＆amp;红色是默认值。

Plunker example