如何制作 material ui Chips 使用 css 删除白色的 svg 图标

Question

我正在使用 material UI 组件并且我为我的芯片提供了自定义 class

如您所见，我已附上截图

这里我试着把那个十字按钮做成这样的白色

所以我检查了检查元素，才知道它是 SVG 图标

所以在App.css 我试着把所有的 svg 图标都变成白色这样

svg{ color:white }

但仍然没有帮助我，它仍然显示黑色十字按钮

Answer 1

尝试像 svg{ color:white !important; } 一样使用 !important 并检查它是否有效。

如果它不起作用，则检查交叉元素并检查其上应用了什么 class 然后使用 class 在 css 文件中重新声明您的样式。

Answer 2

你应该瞄准 path 而不是 svg。 所以在你的情况下它将是 svg path { background-color: #fff }