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

前端之家收集整理的这篇文章主要介绍了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文档的样式).

猜你在找的HTML相关文章