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

时间:2019-01-31 08:37:18

标签: angular primeng

我正在尝试在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文件中制作它?

2 个答案:

答案 0 :(得分:0)

您可以使用ng:deep

覆盖prime-ng css
:host ::ng-deep {
     .pDialog{
     width:700px;
     overflow: visible;
 }
}

答案 1 :(得分:0)

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

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

})