寻找有关如何更改primeNG面板组件背景的样式/主题的一些建议。
我尝试使用scss文件中的以下名称覆盖组件。但是那没用。内联我试过
<p-panel header="Test" [style]="{'background': '#20A8D8 '}" [toggleable]="true">
它只是改变了组件的背景，而不是标题标题。想知道是否有人对任何组件进行了调整/剥皮，并且可以帮助向我解释如何操作。
这些可用于Panel - 只是不确定如何访问/覆盖它们：
ui-panel容器元素。 ui-panel-titlebar标题部分。 ui-panel-title面板的标题文本。 ui-panel-titlebar-toggler切换图标。 ui-panel-content小组内容。
由于
答案 0 :(得分：0)
使用styleClass属性覆盖PrimeNG组件的样式，您必须将样式放在根styles.css或styles.scss中（如果您使用的是SCSS）。
我的风格优先于PrimeNG Panel Footer风格：
.editClientPanel .ui-panel-footer {
background: linear-gradient(to bottom, #f6f7f9 0%, #ebedf0 100%);
}
希望它有所帮助，或者如果你已经超越了这个问题，希望你能学到一些你没有学到的东西。
答案 1 :(得分：0)
我在样式类之前使用：host :: ng-deep来覆盖primeng样式。
：host :: ng-deep .styleClassName {background-color：＃005DAA; }
答案 2 :(得分：-1)
很简单，将它们用作css文件中的类，如下所示：
.ui-panel-title {
// Your css code for Title text of the panel.
}
希望有所帮助