如何使用CSS更改Angular2中任何PrimeNG模块的颜色？

Question

我正在开发一个Angular2项目，我的应用程序主要是由创建PrimeFaces的同一家公司提供的PrimeNG框架构建的。

我遇到了一个问题，我想自定义Accordion面板的颜色和整体外观，我无法弄清楚如何使用styleClass属性完成它。

我应该在哪里设置它？如果我这样做，WebStorm似乎不喜欢它：

<p-accordionTab header="Personal Information" styleClass="myStyleClass">
Content
</p-accordionTab>

此外，我很想知道我应该如何制作CSS以使其正常工作？

感谢您的意见！ ：）

Answer 1

如果您正在寻找简单的ngClass解决方案 这是一个小例子

(..)
<p-accordionTab [selected]="true" [ngClass]="elementFilter ? 'highLightFoundElement' : ''">
(...)

:host ::ng-deep .highLightFoundElement > div > a{
    background-color: blueviolet !important; //your choice colour
}