当前位置: 首页 > 知识库问答 >
问题:

我可以用CSS改变我通过标记即时呈现的svg的颜色吗?

商曦
2023-03-14

我从Font Awesome下载了一个SVG文件,我将它呈现为:

<img src="@/assets/svg/arrow-down.svg">

但是SVG呈现为黑色,这不是我需要的颜色。我可以打开SVG文件并手动更改颜色,但是如果我需要相同的黑色SVG,我需要创建一个副本并将颜色再次更改为黑色。

这就是为什么我想知道是否可以使用CSS动态地改变颜色?

共有1个答案

微生运浩
2023-03-14

您应该将更改为或将其用作 ,然后可以使用颜色填充为其着色。阅读:如何样式图标颜色,大小,字体图标的阴影

 类似资料:
  • 由于某种原因,我必须将图标包装在标记中。 是否有可能将字体出色的图标的颜色更改为黑色? 或者只要它包装在标记中就不可能?字体真棒应该是字体而不是图像,对吧?

  • https://jsfiddle.net/zfcy13kg/6/ 我调用我的svg如下: css(密歇根州标准): 我想把颜色改成红色。 可能吗 谢谢

  • 我正在制作一个文本编辑器,我正在使用Pygments来帮助语法高亮显示。当我键入关键字时,比如说,它会变为黄色,good。嗯,当我在后面键入字母时,比如说,,仍然是黄色的,或者如果我退格,或是黄色的。 为什么不变回黑色/清除颜色?有没有高效的方法来做到这一点?我的代码,只是在需要的情况下,如下所示,没有错误,所以我将只包括突出显示功能,即使它本身可能是不需要的。 如果需要的话我会写更多的 这个问题

  • 有没有一种方法可以随意改变本地传单中的标记颜色?我使用的是svg元素,可以进行样式化。我知道使用Mapbox.js是可能的 编辑:为了澄清我打算做的:如果你通过双击或其他方式向地图添加标记,它应该有随机的颜色。为了实现这一点,我想使用svg图标来对标记进行样式化。 这是我的代码:

  • Twitter的引导使用Glyphicons的图标。默认情况下,它们是“”: 是否可以使用一些CSS技巧来更改图标的颜色?我希望其他css3的亮点能够避免为每种颜色设置图标图像。 我知道你可以改变封闭的背景颜色(