css - 为什么我的 SVG 图像没有填充颜色?

标签 css image svg

您好有人可以帮我解释为什么填充颜色不适用于 svg 图像..

<img  class="svg" style="opacity: 0.5; fill: red !important;" src="{{ asset('icons/favorited.svg') }}" >

最佳答案

如果 svg 应用于 img 标签,则不能使用样式更改填充颜色

您有 2 个解决方案:

1- 在 svg 文件本身内更改它,如果它始终只有一种颜色,这将起作用。

2- 将 svg 直接用作 html 中的内联元素,然后您可以使用 css fill:"#color"

更改填充

关于css - 为什么我的 SVG 图像没有填充颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47202204/

相关文章:

css - 使用 CSS 覆盖 DIV 中的字体大小

c++ - 字体大小更改后 Qt 小部件无法正确调整

jquery - 为我的网站存储暗模式偏好

html - 如何在 jquery LightSlider 中使用居中图像设置固定高度?

qt - QSvgRenderer绘画问题

javascript - getSVGDocument 反复抛出 "0x80020003 - JavaScript runtime error: Member not found"

html - 如何定位包含多个换行符的段落中的特定文本内容?

python - 对象检测 - 如何将坐标内的操纵像素重新应用到原始图像以突出显示 RoI

iphone - 如何动态添加iPhone图像的透明度?

css - 在 SVG 中将文本行对齐到中心