Angular Material多个自定义图标导致黑色方形图标

时间:2019-02-19 21:04:09

标签: angular svg icons material

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

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

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

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

您似乎遇到了一些CSS类问题。 我在第二个svg中重命名了该类,将cls-1重命名为cls3,将cls-2重命名为cls-4,它可以正常工作。 在这里https://stackblitz.com/edit/angular-material-jacv8h