我正在尝试在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文件中制作它?
答案 0 :(得分:0)
您可以使用ng:deep
覆盖prime-ng css:host ::ng-deep {
.pDialog{
width:700px;
overflow: visible;
}
}
答案 1 :(得分:0)
您可以尝试在组件中添加“ encapsulation:ViewEncapsulation.None”;
@Component({
...
encapsulation: ViewEncapsulation.None
})