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

尼禄

我在整个角度应用程序中都使用了主对话框。我可以使用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,但没有用。

克里斯·W

因此,默认情况下,有角度的组件会使用非常方便的样式封装策略,以使样式不会渗入其他组件并引起不良效果。

您可以利用,ng-deep就像您必须允许在其中定义的样式由指定位置的子组件继承一样。

但是,对于要全局继承的事物,您将需要按照从高到低的顺序对其进行定义,以便这些样式向下层叠至下面的选择器。在不使用SCSS或其他预处理程序的默认角度应用程序中,最简单的方法之一是将它们添加到承载子组件的第一个初始化文件中,例如index.htmlapp.component允许事后初始化的组件在以下情况下继承它们:他们被渲染。

希望这会有所帮助,加油!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将CSS样式应用于除具有特定ID之外的所有元素

来自分类Dev

将样式应用于所有元素

来自分类Dev

在Windows Phone通用应用程序中更改内容对话框按钮的样式

来自分类Dev

是否可以将CSS样式应用于Eclipse中的对话框或向导模式窗口?

来自分类Dev

嵌套div的CSS将样式应用于所有子项

来自分类Dev

将css样式应用于Angular 2应用程序中的所有组件

来自分类Dev

wxWidgets中基于对话框的应用程序和基于框架的应用程序有什么区别

来自分类Dev

我在Intellij IDEA Ultimate 2016.1的“添加框架支持”对话框中没有“ Web应用程序”

来自分类Dev

我的应用程序中“全局对话框”的最佳实践是什么?

来自分类Dev

如何使所有应用程序使用Nemo的文件选择对话框而不是Nautilus?

来自分类Dev

防止Material-UI对话框将内联样式应用于主体

来自分类Dev

CSS:将CSS样式应用于除材料角度之外的所有内容

来自分类Dev

如何从带有Windows 7样式按钮的控制台应用程序中显示对话框?

来自分类Dev

将CSS样式应用于除具有特定ID之外的所有元素

来自分类Dev

将样式应用于所有元素

来自分类Dev

在Windows Phone通用应用程序中更改内容对话框按钮的样式

来自分类Dev

是否可以将CSS样式应用于Eclipse中的对话框或向导模式窗口?

来自分类Dev

如何将应用程序审查委员会建议的修复程序应用于我的应用程序?

来自分类Dev

如何正确地将CSS样式应用于具有特定类的div中的所有图像?

来自分类Dev

wxWidgets中基于对话框的应用程序和基于框架的应用程序有什么区别

来自分类Dev

将jQuery UI对话框应用于类

来自分类Dev

我在对话框片段中单击按钮后,应用程序立即崩溃

来自分类Dev

为什么我的样式没有应用于我的范围(Aspose Cells)?

来自分类Dev

由于对话框,我的应用程序崩溃

来自分类Dev

打开具有对话框的活动时应用程序在后台关闭(样式 Theme.Dialog)

来自分类Dev

在“选择应用程序”对话框列表中显示应用程序

来自分类Dev

在我的启动器应用程序中显示当前正在运行的应用程序的对话框

来自分类Dev

使用 javascript 创建 div 后无法将样式应用于我的网格

来自分类Dev

如何将 vuetify 对话框添加到现有应用程序中?

Related 相关文章

  1. 1

    将CSS样式应用于除具有特定ID之外的所有元素

  2. 2

    将样式应用于所有元素

  3. 3

    在Windows Phone通用应用程序中更改内容对话框按钮的样式

  4. 4

    是否可以将CSS样式应用于Eclipse中的对话框或向导模式窗口?

  5. 5

    嵌套div的CSS将样式应用于所有子项

  6. 6

    将css样式应用于Angular 2应用程序中的所有组件

  7. 7

    wxWidgets中基于对话框的应用程序和基于框架的应用程序有什么区别

  8. 8

    我在Intellij IDEA Ultimate 2016.1的“添加框架支持”对话框中没有“ Web应用程序”

  9. 9

    我的应用程序中“全局对话框”的最佳实践是什么?

  10. 10

    如何使所有应用程序使用Nemo的文件选择对话框而不是Nautilus?

  11. 11

    防止Material-UI对话框将内联样式应用于主体

  12. 12

    CSS:将CSS样式应用于除材料角度之外的所有内容

  13. 13

    如何从带有Windows 7样式按钮的控制台应用程序中显示对话框?

  14. 14

    将CSS样式应用于除具有特定ID之外的所有元素

  15. 15

    将样式应用于所有元素

  16. 16

    在Windows Phone通用应用程序中更改内容对话框按钮的样式

  17. 17

    是否可以将CSS样式应用于Eclipse中的对话框或向导模式窗口?

  18. 18

    如何将应用程序审查委员会建议的修复程序应用于我的应用程序?

  19. 19

    如何正确地将CSS样式应用于具有特定类的div中的所有图像?

  20. 20

    wxWidgets中基于对话框的应用程序和基于框架的应用程序有什么区别

  21. 21

    将jQuery UI对话框应用于类

  22. 22

    我在对话框片段中单击按钮后,应用程序立即崩溃

  23. 23

    为什么我的样式没有应用于我的范围(Aspose Cells)?

  24. 24

    由于对话框,我的应用程序崩溃

  25. 25

    打开具有对话框的活动时应用程序在后台关闭(样式 Theme.Dialog)

  26. 26

    在“选择应用程序”对话框列表中显示应用程序

  27. 27

    在我的启动器应用程序中显示当前正在运行的应用程序的对话框

  28. 28

    使用 javascript 创建 div 后无法将样式应用于我的网格

  29. 29

    如何将 vuetify 对话框添加到现有应用程序中?

热门标签

归档