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

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

概述我能找到的所有解决方案都描述了更换< img>的脏兮兮的黑客攻击.具有内联svg的元素,或者直接将css嵌入到svg中.两者都不适合我. 我需要的是:能够改变包含在页面中的svg图像的样式(特定填写)< img>元件. 示例html: <img src="https://dl.dropboxusercontent.com/u/4486681/rect.svg" class="recolor-me" 我能找到的所有解决方案都描述了更换< img>的脏兮兮的黑客攻击.具有内联svg的元素,或者直接将CSS嵌入到svg中.两者都不适合我.

我需要的是:能够改变包含在页面中的svg图像的样式(特定填写)< img>元件.

示例HTML:

<img src="https://dl.dropBoxusercontent.com/u/4486681/rect.svg"  />

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

.recolor-me {    fill: red;}

沙箱玩:http://jsfiddle.net/Q4Y6k/

那么,有没有办法按照上面的要求重新着色svg(不使用Js或内联svg)?

PS:如果解决方案只是镀铬,那就没关系了

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

以上是内存溢出为你收集整理的HTML – 是否可以从外部CSS更改svg(包含为元素)样式?全部内容,希望文章能够帮你解决HTML – 是否可以从外部CSS更改svg(包含为元素)样式?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1105905.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存