如何编辑这个 Angular Material Chips CSS?

加布里埃尔·潘萨

我有一个 Angular 应用程序。到目前为止,我的 HTML 看起来像这样:

body
 - <div side-nav right-aligned>
  - <div #configArea>
   -- Here we have 3 fields

在这个配置中,我有 3 个来自 Angular Material 的字段。问题是,我需要其中一个来使用Angular Material Chips

所以,我遵循了教程,但是这 3 个字段具有完全相同的 CSS,我需要修改一个 CSS 才能使其工作,但是我的代码中不存在此 div ,仅在 browser 中为了使它工作,我必须将高度设置为“自动”,但到目前为止没有任何效果。

这是我必须编辑的类 CSS

这是由于高度错误而发生的

使用 Angular 4.4.2

加布里埃尔·潘萨

所以我通过使用::ng-deep标签解决了这个问题,准确地选择了我想要的 div。

这样的事情对我有用:

是的@ippi 是对的,css 在动态创建的元素上工作正常。如果在 angular 组件的 css 文件中,您可能必须使用 :host >>> 选择器。并为每个添加不同的 css-class,以便您可以轻松设置样式。– 阿布舍克·库马尔

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Angular Material和CSS

来自分类Dev

Angular Material获取最新版本| md-chips:只读,可移动

来自分类Dev

Angular Material获取最新版本| md-chips:只读,可移动

来自分类Dev

Angular Material:如何设置背景色(无CSS)

来自分类Dev

如何在 Angular Material 中设置按钮 CSS 样式?

来自分类Dev

如何在 Angular Material 中创建基于主题的 CSS 动画

来自分类Dev

找不到Angular Material核心主题-如何将Angular Material CSS添加到Liferay Portlet

来自分类Dev

如何优先于默认Angular-material CSS的自定义CSS优先级

来自分类Dev

如何摆脱Angular Material的额外样式和与其强制链接的CSS

来自分类Dev

我创建菜单的方式添加了超链接CSS,如何删除?[Angular Material v。0.10]

来自分类Dev

如何在 CSS flexbox 中使用 Angular 的 material2 下拉菜单?

来自分类Dev

编辑和共享 Angular Material 演示

来自分类Dev

如何覆盖 Angular Material Purple?

来自分类Dev

如何重叠 Angular Material 项目

来自分类Dev

更改Angular Material中的默认CSS以用于MD输入

来自分类Dev

Angular Material的样式(css)与文档中的样式不同

来自分类Dev

Angular Material 与其他 CSS 框架兼容

来自分类Dev

Angular Material:如何使内容可滚动

来自分类Dev

如何从Angular Material更新垫表数据

来自分类Dev

如何添加Angular Material组件的特定样式

来自分类Dev

Angular Material Design卡:如何修复对齐?

来自分类Dev

如何整合 Ionic 3 和 Angular Material?

来自分类Dev

如何修改Angular Material MatDialog的默认动画?

来自分类Dev

如何在输入字段中键入 Chips

来自分类Dev

如何简化这个CSS

来自分类Dev

如何在ui Material Textfield中应用自己的CSS样式?

来自分类Dev

如何在Material ui Table stickyHeader的表头上应用CSS?

来自分类Dev

如何为 ListItem 禁用一些 Material UI css

来自分类Dev

Safari上Angular Material ng-view拉伸div最小高度css 100%

Related 相关文章

  1. 1

    如何使用Angular Material和CSS

  2. 2

    Angular Material获取最新版本| md-chips:只读,可移动

  3. 3

    Angular Material获取最新版本| md-chips:只读,可移动

  4. 4

    Angular Material:如何设置背景色(无CSS)

  5. 5

    如何在 Angular Material 中设置按钮 CSS 样式?

  6. 6

    如何在 Angular Material 中创建基于主题的 CSS 动画

  7. 7

    找不到Angular Material核心主题-如何将Angular Material CSS添加到Liferay Portlet

  8. 8

    如何优先于默认Angular-material CSS的自定义CSS优先级

  9. 9

    如何摆脱Angular Material的额外样式和与其强制链接的CSS

  10. 10

    我创建菜单的方式添加了超链接CSS,如何删除?[Angular Material v。0.10]

  11. 11

    如何在 CSS flexbox 中使用 Angular 的 material2 下拉菜单?

  12. 12

    编辑和共享 Angular Material 演示

  13. 13

    如何覆盖 Angular Material Purple?

  14. 14

    如何重叠 Angular Material 项目

  15. 15

    更改Angular Material中的默认CSS以用于MD输入

  16. 16

    Angular Material的样式(css)与文档中的样式不同

  17. 17

    Angular Material 与其他 CSS 框架兼容

  18. 18

    Angular Material:如何使内容可滚动

  19. 19

    如何从Angular Material更新垫表数据

  20. 20

    如何添加Angular Material组件的特定样式

  21. 21

    Angular Material Design卡:如何修复对齐?

  22. 22

    如何整合 Ionic 3 和 Angular Material?

  23. 23

    如何修改Angular Material MatDialog的默认动画?

  24. 24

    如何在输入字段中键入 Chips

  25. 25

    如何简化这个CSS

  26. 26

    如何在ui Material Textfield中应用自己的CSS样式?

  27. 27

    如何在Material ui Table stickyHeader的表头上应用CSS?

  28. 28

    如何为 ListItem 禁用一些 Material UI css

  29. 29

    Safari上Angular Material ng-view拉伸div最小高度css 100%

热门标签

归档