HTML – 是否可以从外部CSS更改svg(包含为元素)样式?

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

我需要的是:能够改变包含在页面中的svg图像的样式(特定填写)< 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:如果解决方案只是镀铬,那就没关系了

解决方法

不,您不能在嵌入页面上使用CSS代码设置嵌入式资源的样式,即使嵌入的资源恰好是XML格式(或HTML格式 – 您甚至无法使用嵌入文档中的CSS代码设置嵌入iframe的HTML文档的样式).

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在&#39;&#39;,则表示换行,用&#39;&#39;切割。
代码实现 option = { backgroundColor: &amp;#39;#080b30&amp;#39;, tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...