Html 是否可以从外部css更改svg（包含为<；img>；元素）样式？

我能找到的所有解决方案都描述了用内嵌svg替换

元素，或将css直接嵌入svg的肮脏攻击。两者都不适合我

我需要的是：能够更改作为

元素包含到页面中的svg图像的样式（

填充

）

html示例：

要玩的沙盒：

那么，有没有办法按照上面的要求重新给svg上色（不使用JS或svg内联）

---

PS：如果解决方案仅使用chrome就可以了。不，您不能在嵌入页面上使用CSS代码为嵌入资源设置样式，即使嵌入的资源恰好是XML格式（或HTML格式–您甚至不能在嵌入文档中使用CSS代码为嵌入了

iframe

的HTML文档设置样式）.

那么图像必须在页面代码中才能重新设置样式？我尝试将CSS掩码与一个外部

.svg

文件一起使用，它似乎工作得很好。

<img src="https://dl.dropboxusercontent.com/u/4486681/rect.svg" class="recolor-me" />

.recolor-me {
    fill: red;
}