在 Angular 中覆盖 primeng css 类

Question

问题是我想覆盖 primeng 的 CSS 类 并更改一些颜色。无论我怎么做它都不会改变。如果将 ViewEncapsulation 更改为 none，则该组件甚至不会出现。我试过这样的事情：

.ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active {
 border: 1px solid red !important;
  background: red !important;
  color: #FFFFFF;
}

试图覆盖组件中的属性css，但仍然无效。

我知道其他人也问过同样的问题，但 none 的答案对我有帮助，所以我有点绝望。

Answer 1

添加::ng-deep

::ng-deep .ui-chkbox-box.ui-state-active{...}

Answer 2

我将 类 添加到 app.less 文件中，效果非常好。组件 .css 不工作。