我在我的角度应用程序中使用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.html
或app.component
(的第一个初始化文件之一,以允许之后初始化的组件在呈现时继承它们。
希望这有帮助,干杯!