html中的Svg元素颜色[重复]
我在我的网站上使用svg图标，想把它们的颜色改成红色（它们都是黑色的）。
<img src='assets/icon.svg'/>
我试着在img标签上使用css-fill属性，但它不起作用。然后我遇到了对象attr，并尝试使用svg图标，如下所示：
<object type="image/svg+xml" data="assets/icon.svg"></object>
在这里，在对象上应用填充属性什么也不做。关于如何在不使用jQuery的情况下更改svg元素的填充属性的任何想法
JSFIDLE
共有1个答案
您需要将填充颜色设置为svg路径
path {
fill:red;
}
-
我有一个SVG元素，它包含两个尺寸和位置完全相同的子元素。两者唯一的区别是它们的颜色：第一个是红色，第二个是绿色。我注意到，即使绿色的圆圈在红色的上面，你仍然可以看到在圆圈的边缘有一点颜色偏移。我有什么办法可以避免这种颜色的变化吗？ 下面是一张屏幕截图，显示了有红圈和没有红圈的情况： 这里还有我用来复制这个的小提琴。 null 欢迎任何不同的想法。
-
我有一个svg我加载在html，它看起来像这样： 实际的svg文件如下所示： 我希望能够从父html更改此svg中的一些样式，例如将添加到class。这可能吗？
-
问题内容： 我想使用这项技术并更改svg颜色，但到目前为止我还没有做到这一点。我把它放在css中，但是无论如何我的图像总是黑色的。我的代码： 问题答案： 您不能以这种方式更改图像的颜色。如果将SVG加载为图像，则无法在浏览器中使用CSS或Javascript更改其显示方式。 如果你想改变你的SVG图像，你必须用它来装载，或使用在线。 如果要使用页面中的技术，则需要Modernizr库，您可以在其中
-
我想使用这种技术并更改SVG颜色，但到目前为止我还没能这样做。我把这个放在CSS中，但我的图像总是黑色的，不管怎么样。 我的代码： null null
-
此外，我尝试以以下方式使用对象标记： 但是，同样，如果我用CSS指令或将类应用到对象标记，则不会发生任何变化。有什么想法可以实现我想要的吗？
-
对于一个项目，我们一直在使用SVG图像。我试图给它们上色，但没有成功，这是SVG： 我目前正在使用这个SVG作为一个< code>div的背景，我正在努力改变它的颜色。 以下是我尝试过的： .某些家长. cls-1{填写：#0080FF！重要；} 和 我还试图删除SVG的，但这没有效果。 这是使用SVG作为我的潜水背景的CSS：