首页 > 解决方案 > Angular Material 多个自定义图标导致黑色方形图标

问题描述

我正在尝试使用带有角度材料的自定义 SVG 图标,当我尝试在同一区域中使用多个自定义图标时遇到了问题。

https://stackblitz.com/edit/angular-material-anrtj6

如您所见,其中一个图标只是一个黑色方块。如果您编辑 HTML 并删除“import_dark”按钮图标,那么第一个图标(“删除”)将起作用。如果您先放置“设置”图标,则设置图标不起作用。

任何帮助将非常感激。

标签: angularsvgangular-materialicons

解决方案


看起来你有一些 css 类问题。我将第二个 svg 中的类重命名,将 cls-1 重命名为 cls3,将 cls-2 重命名为 cls-4,并且它可以工作。在这里查看https://stackblitz.com/edit/angular-material-jacv8h


推荐阅读