如何改变SVG图像的颜色[副本]
我想有相同的svg（Transfer.svg）但不同的颜色只使用css，它必须兼容IE11，Edge，FF和Chrome。
img {
height: 50px;
}<img src="https://sendeyo.com/up/d/615ba77e71" alt="">提前谢谢你。
共有1个答案
您不能更改嵌入在图像中的svg中的颜色。为了能够与SVG内容交互，您必须将其作为内联html包含，而不是通过img标记。像
<body>
<svg><!-- your svg content here --></svg>
</body>
-
这是我想出的一段方便的代码的自我问答。 目前，还没有一种简单的方法来嵌入SVG图像，然后通过CSS访问SVG元素。使用JS SVG框架的方法多种多样，但如果您所做的只是制作一个带有滚动状态的简单图标，那么这些方法就过于复杂了。 所以这里是我想出的，我认为这是迄今为止在一个网站上使用SVG文件的最简单的方法。它的概念来自早期的文本到图像的替换方法，但据我所知，SVG从来没有这样做过。 这就是问题所在
-
我有一个SVG作为div中的背景图像。当我通过JQuery添加一个类“svg”时，我想改变这个SVG的填充颜色。 我该怎么做呢？ 以下是我目前为止的代码: 谢谢 899年
-
我想使用这种技术并更改SVG颜色，但到目前为止我还没能这样做。我把这个放在CSS中，但我的图像总是黑色的，不管怎么样。 我的代码： null null
-
问题内容： 这是我想出的一小段代码的自我问答。 当前，没有一种简单的方法可以嵌入SVG图像，然后可以通过CSS访问SVG元素。有多种使用JS SVG框架的方法，但是如果您要做的只是制作带有过渡状态的简单图标，它们将过于复杂。 所以这就是我想出的，我认为这是迄今为止在网站上使用SVG文件的最简单方法。它的概念来自早期的文本到图像替换方法，但据我所知，从未对SVG进行过处理。 这是问题： 如何在不使用
-
我想更改搜索栏的进度颜色和拇指颜色。我使用drawable更改进度颜色，但进度厚度已更改。有没有办法改变拇指和进度的颜色。 形象 我想像图像上的第二个一样改变默认的搜索栏的颜色。
-
问题内容： 我正在尝试使用javascript更改svg图像颜色。这可能吗？我可以将其加载为对象，然后以某种方式访问颜色/图像数据。 每一个回应或提示都将受到高度赞赏！ 问题答案： 当然，这是一个示例（省略了标准HTML样板）：