从css更改SVG颜色

Question

我有这个css：

div {
  display: block;
  text-indent: -9999px;
  width: 100px;
  height: 100px;
  background: url(http://s.cdpn.io/3/kiwi.svg) no-repeat center;
  background-size: 82px 82px;
  border:solid 5px black;
  border-radius:200px;
  padding:25px;
}

是否可以从css / jquery更改svg颜色？
我不想直接从html做 如果不。我可以去PNG吗？

http://jsfiddle.net/g8GPf/

由于

Answer 1

简单的答案是否定的。您无法使用CSS来设置以这种方式嵌入的SVG的样式。

但是，您可以使用Ravi链接的技巧将SVG引用更改为内联SVG。

另一个替代技巧是更改SVG，以便您希望在SVG中显示为颜色的部分是透明的。并使SVG的“背景”成为纯白色。 然后，您可以更改background-color的{​​{1}}，它将通过SVG的透明部分显示。