Html SVG悬停填充不'；我不能在FireFox中工作

我首先为SVG添加填充，然后打开：悬停将其更改为另一种颜色。它适用于除FireFox（不了解IE）之外的所有浏览器

当我删除svg的第一个填充时，它在FF中运行良好，但这显然不是一个解决方案

有没有办法解决这个问题

---

这里有一支钢笔，Firefox svg悬停不适合使用

如果将路径放在svg元素中，则它可以正常工作：

<svg class="facebook" viewBox="0 0 510 510">                                           
    <path d="M459 0H51C23 0 0 23 0 51v408c0 28.1 23 51 51 51h408c28.1 0 51-22.9 51-51V51C510 23 487.1 0 459 0zM433.5 51v76.5h-51c-15.3 0-25.5 10.2-25.5 25.5v51h76.5v76.5H357V459h-76.5V280.5h-51V204h51v-63.7C280.5 91.8 321.3 51 369.8 51H433.5z" />
</svg>

根据规范，Firefox在这里的行为是否正常？例如：“CSS2选择器不能应用于（概念上）克隆的DOM树，因为它的内容不是正式文档结构的一部分。”因此，“工作不好”的语句有点误导。@ThomasW它应用了样式，但不想重新定义它。当svg未应用“填充”时，悬停的作用如下expected@ThomasW-我的意思是，与其他以直观方式实现它的浏览器相比，它工作得不好。

<svg class="facebook" viewBox="0 0 510 510">                                           
    <path d="M459 0H51C23 0 0 23 0 51v408c0 28.1 23 51 51 51h408c28.1 0 51-22.9 51-51V51C510 23 487.1 0 459 0zM433.5 51v76.5h-51c-15.3 0-25.5 10.2-25.5 25.5v51h76.5v76.5H357V459h-76.5V280.5h-51V204h51v-63.7C280.5 91.8 321.3 51 369.8 51H433.5z" />
</svg>