gpt4 book ai didi

css - 如何在 Angular JS 中更改 SVG 的颜色

转载 作者:行者123 更新时间:2023-11-28 00:48:16 24 4
gpt4 key购买 nike

我在我的代码中使用了 src,当我想激活时,我想更改我使用的 svg 的颜色。HTML:

<img src="../icons/Burgers.svg" class="icon" />

所以我在 icon-menu-bar css 中使用了:

.icon{
fill:red;
}

但 SVG 没有改变。所以主要问题是在我的 html 中更改 svg 颜色,而 SVG 在不同的文件上。

最佳答案

如果你想更改图标 SVG 的颜色,你应该将 SVG 图像转换为字体(https://icomoon.io/app/#/select),然后将其包含到自己的元素中并更改颜色。

P.S:很多 UI 库都有自己的图标集,例如:

关于css - 如何在 Angular JS 中更改 SVG 的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53408316/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com