覆盖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中的属性，但仍然无法正常工作。

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

Answer 1

添加:: ng-deep

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