styleClass在PrimeNg对话框中不工作吗？
styleClass在PrimeNg对话框中不工作吗？
提问于 2019-01-31 16:37:18
我正尝试在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
Stack Overflow用户
发布于 2019-01-31 16:52:41
可以使用ng:deep重写prime-ng css
:host ::ng-deep {
.pDialog{
width:700px;
overflow: visible;
}
}Stack Overflow用户
发布于 2019-02-01 19:01:10
您可以尝试在您的组件中添加'encapsulation: ViewEncapsulation.None‘，如下所示；
@Component({
...
encapsulation: ViewEncapsulation.None})
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54456381
复制相关文章
相似问题
腾讯云开发者
