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

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

我需要的是：能够更改样式，尤其是页面中作为元素包含的svg图像的填充

html示例：

要玩的沙盒：

那么，有没有任何方法可以在不使用JS或内嵌svg的情况下，按照上面的要求对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;
}