SVG：如何改变＆＃34;填充＆＃34;外部svg精灵中符号的颜色

Question

我在外部文件symbols.svg中有一个SVG精灵，我使用这样的代码将精灵中的图像插入到HTML文件中：

<svg>
    <use xlink:href="symbols.svg#icon-twitter" />
</svg>

我想在悬停时更改svg-image的FILL颜色，我该如何使用CSS？

Answer 1

<svg class="svg_hover">
    <use xlink:href="symbols.svg#icon-twitter" />
</svg>

的CSS：

.svg_hover:hover{ fill: #f00; }