css - PrimeNG 样式/主题

Question

寻求一些有关如何更改 primeNG 面板组件背景样式/主题的建议。

我尝试使用组件的 scss 文件中的以下名称进行覆盖。然而这并没有奏效。内联我尝试过

<p-panel header="Test" [style]="{'background': '#20A8D8 '}" [toggleable]="true">

它只是更改了组件的背景，而不是标题标题。想知道是否有人对任何组件进行了设置/剥皮，并可以帮助向我解释如何做到这一点。

这些可用于面板 - 只是不确定如何访问/覆盖它们:

ui-panel 容器元素。 ui-panel-titlebar 标题部分。 ui-panel-title 面板的标题文本。 ui-panel-titlebar-toggler 切换图标。 ui-panel-content 面板内容。

谢谢

Answer 1

我在样式类之前使用 :host::ng-deep 来覆盖 primeng 样式。

:host::ng-deep .styleClassName{ background-color:#005DAA; }