如何填写SVG图像

时间:2014-02-20 14:27:26

标签: html css svg

我正在尝试使用css填充svg图像。

<object type="image/svg+xml" data="img/test.svg" style="fill: #FF0;">Your browser does not support SVG</object>

不知怎的,它不起作用。有任何想法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

CSS样式不适用于文档边界。 SVG是与HTML无关的单独文档。

然而,还有其他方法可以达到您想要的效果。例如,您可以使用jQuery来改变悬停事件上的SVG。或者你可以按照Eric的这个技巧在加载时将正确的CSS规则插入到SVG中:

How to apply a style to an embedded SVG?