覆盖Angular中的primeng css类答案

【问题标题】：Override primeng css classes in Angular覆盖Angular中的primeng css类
【发布时间】：2018-02-27 01:46:59
【问题描述】：

问题是我想覆盖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中的属性但还是不行。

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

【问题讨论】：

标签： css angular typescript overriding primeng

【解决方案1】：

添加 ::ng-deep

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

【讨论】：

【解决方案2】：

我将这些类添加到 app.less 文件中，它就像一个魅力。组件.css 不工作。

【讨论】：