css - 覆盖 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{...}