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

Question

我能找到的所有解决方案都描述了使用内联svg替换<img>元素或将css直接嵌入到svg中的肮脏黑客攻击。两者都不适合我。

我需要的是：能够将包含在页面中的svg图像的样式（特别是fill）更改为<img>元素。

示例html：

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

我希望工作的CSS，但它没有

.recolor-me {
    fill: red;
}

要玩的沙箱：http://jsfiddle.net/Q4Y6k/

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

PS：如果解决方案只是镀铬，那就没关系

Answer 1

不，您无法在嵌入页面上使用CSS代码设置嵌入式资源的样式，即使嵌入的资源恰好是XML格式（或HTML格式 - 您甚至无法设置HTML文档的样式在嵌入文档中使用CSS代码嵌入iframe。