Question

我正在尝试在primeNg中添加styleClass，但是它不起作用

HTML文件

<p-dialog [(header)]="dialogText" [(visible)]="displayDlg" [modal]="true" [responsive]="true" 
  styleClass='pDialog' >

CSS文件

.pDialog{
width:700px;
overflow: visible;
}

相反，我写了contentStyle可以正常工作

<p-dialog [(header)]="dialogText" [(visible)]="displayDlg" [modal]="true" [responsive]="true" 
   [contentStyle]="{'width': '700px','overflow':'visible'}">

如何在css文件中制作它？

Answer 1

您可以使用ng：deep

覆盖prime-ng css

:host ::ng-deep {
     .pDialog{
     width:700px;
     overflow: visible;
 }
}

Answer 2

您可以尝试在组件中添加“ encapsulation：ViewEncapsulation.None”；

@Component({
...
encapsulation: ViewEncapsulation.None

}）

styleClass在PrimeNg对话框中不起作用？

2 个答案: