html - 如何设置 p-dialog 的 p-header 样式，即整个标题部分？

Question

我正在尝试设置 primeng 对话框 p-dialog 组件的 p-header 的样式，但一直坚持设置样式。我希望整个标题元素都是红色的，但只是我的文本变红了。这是我的代码片段:

这是我得到的结果:

这是期望的输出:

<p-dialog  [(visible)]="popup.visible">
  <p-header [ngStyle] = "{'background-color':'red'}">
    {{popup.header}}
  </p-header>
  {{popup.message}}
</p-dialog>

我也尝试过 styleClass, ngClass , [style] 也没有成功

 @Component({
    encapsulation: ViewEncapsulation.None
})

有效，但我不想禁用 viewEncapsulation。

Answer 1

:host ::ng-deep .p-dialog .p-dialog-header{
    background:red;
}