我在整个角度应用程序中都使用了主对话框。我可以使用ng-deep更改每个特定的对话框样式。例如,我有联系我们页面,其中包含以下文件:
contact.html
contact.component.ts
contact.css
因此,我将下面的css放在contact.css中,它会更改“联系我们”对话框标题栏的颜色。
:host ::ng-deep .ui-dialog .ui-dialog-titlebar{
background-color: red
}
我想对我的应用程序中的所有对话框执行此操作,该怎么做?我在src文件夹中的style.css文件中放置了相同的CSS,但没有用。
因此,默认情况下,有角度的组件会使用非常方便的样式封装策略,以使样式不会渗入其他组件并引起不良效果。
您可以利用,ng-deep
就像您必须允许在其中定义的样式由指定位置的子组件继承一样。
但是,对于要全局继承的事物,您将需要按照从高到低的顺序对其进行定义,以便这些样式向下层叠至下面的选择器。在不使用SCSS或其他预处理程序的默认角度应用程序中,最简单的方法之一是将它们添加到承载子组件的第一个初始化文件中,例如index.html
或app.component
允许事后初始化的组件在以下情况下继承它们:他们被渲染。
希望这会有所帮助,加油!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句