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

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

我遇到了一个问题，我想自定义面板的颜色和整体外观，但我不知道如何使用styleClass属性来完成

我应该把它放在哪里？WebStorm似乎不喜欢我这样做：

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

内容

此外，我很想知道我应该如何设计我的CSS以使其工作

---

感谢您的意见！：）

我也在使用Priming，根据您的示例，它的工作方式如下所示：

p-accordionTab.myStyleClass {
  width: 500px;
}

但是有很多错误报告表明styleClass工作不正常。 因此，我建议您使用Priming定义的默认样式类：

ui-accordion
ui-accordion-header
ui-accordion-content

因此，在style.css中这样使用它们对我很有用：

.ui-accordion {
  width: 500px
}

您可以通过以下方式在angular-cli.json中定义.css文件：

"styles": [
        "styles.css"
]

---

希望有帮助

如果您正在寻找简易ngClass解决方案 这里有一个小例子

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

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

（…）
(...)
：host:：ng deep.highLightFoundElement>div>a{
背景色：蓝紫色！重要；//您选择的颜色
}

你有什么答案吗？@balag3我尝试过你的方法，但这对我不起作用。我花了将近两个小时在这上面。