将 css 样式应用于我的角度应用程序中的所有 primeng 对话框



我在我的角度应用程序中使用Prime ng对话框。我可以使用 ng-deep 更改每个特定的对话框样式。例如,我有联系我们页面,我有这些文件:

contact.html
contact.component.ts
contact.css

所以我将下面的 css 放在联系中.css它会更改联系我们对话框标题栏颜色。

:host ::ng-deep .ui-dialog .ui-dialog-titlebar{
background-color: red
}

我想为应用程序中的所有对话框执行此操作,该怎么做?我将相同的 css 放在 style.css 文件中的 src 文件夹中,但它不起作用。

因此,角度组件默认采用非常方便的样式封装策略,这使得样式不会渗入其他组件并造成不必要的影响。

您可以利用ng-deep例如,您必须允许其中定义的样式由指定它的子组件继承。

但是,对于要全局继承的内容,您需要按起始顺序将它们定义得最高,以便这些样式级联到下面的选择器。在不使用 SCSS 或其他预处理器的默认角度应用程序中,最简单的方法之一是将它们添加到托管子组件(如index.htmlapp.component(的第一个初始化文件之一,以允许之后初始化的组件在呈现时继承它们。

希望这有帮助,干杯!

最新更新