我在网站上搜索了答案,似乎没有人真正得到这个特定问题的明确答案。
当鼠标悬停在SVG图标上时,我想改变描边的颜色。
这是我的当前代码:
<object data="price.svg" type="image/svg+xml" class="icon">
<a href="price.svg" />
</object>
CSS:
.icon {width:100%}
我在网站上搜索了答案,似乎没有人真正得到这个特定问题的明确答案。
当鼠标悬停在SVG图标上时,我想改变描边的颜色。
这是我的当前代码:
<object data="price.svg" type="image/svg+xml" class="icon">
<a href="price.svg" />
</object>
CSS:
.icon {width:100%}
如果你想更改一个外部对象的属性,这种方式是不可行的。但是,如果你能够将SVG嵌入HTML文件中,那么就很容易了。这样,你就可以引用SVG的ID并更改子元素的样式。
替换
<object data="price.svg" ...> ... </object>
使用您的SVG文件中的内容:
<svg ...><path id="styled-element" ...></svg>
现在你可以对它应用样式:
#styled-element:hover { stroke:red }
#Layer_1
ID并更改子元素的样式。 - helderdarocha