将内部类样式更改为溢​​出：对于特定类可见（对于PrimeNG）

Question

此问题特定于PrimeNG或angular2组件。他们的风格是隐藏的，但他们提到的文档页面，虽然相当模糊。 这是网址：http://www.primefaces.org/primeng/#/dialog

如何更改组件的样式？

例如对于Dialog组件，我们有style和styleClass：

style       string  null    Inline style of the component.
styleClass  string  null    Style class of the component.

我们还有一个班级ui-dialog-content Content element。

现在我想将ui-dialog-content溢出样式更改为可见。我该怎么办？

从文档中可以清楚地看出这一点。

我尝试过创建一个类

.dialog-overflow{
  overflow: visible;
}

并设置<p-dialog styleClass="dialog-overflow" ...但显然不起作用，因为它不是正确的类（ui-dialog-content）。

更新 我试过这个选项也没有成功：

.dialog-overflow .ui-dialog-content {
  overflow: visible;
}    

和此：

.dialog-overflow >>> .ui-dialog-content {
  overflow: visible;
}    

Answer 1

您可以使用您已有的课程：

.ui-dialog-content {
    overflow: visible;
}

但我相信你在这里犯了一个错误。该类未使用styleClass="abc"设置，而是使用class="abc"。但我并不过分精通角度，所以我的基础是HTML。

所以你应该做以下事情：

<p-dialog class="dialog-overflow"></p-dialog>

并使用之前提供的CSS：

.dialog-overflow{
    overflow: visible;
}

Answer 2

实际上，这是解决方案。

p-dialog >>> .ui-dialog-content {
  overflow: visible;
}    

p-dialog >>> .ui-dialog{
  overflow: visible;
}    

此组件的双溢出通过两个嵌套的div。