Css svg填充在Firefox中不起作用

我正在尝试填充我的svg，在chrome和IE中一切都很好，但在Firefox中却没有。在Firefox中，我可以在检查时看到样式，但它没有颜色。如果我试图在css中只保留没有社交链接类的路径，那么它可以工作，但我希望它与父类一起使用，比如.social link path。 先谢谢你

$（文档）.ready（函数（）{
jQuery（'.svg'）。每个（函数（）{
var$img=jQuery（本）；
var imgID=$img.attr（'id'）；
var imgClass=$img.attr（'class'）；
var imgURL=$img.attr（'src'）；
get（imgURL，函数（数据）{
//获取SVG标记，忽略其余部分
var$svg=jQuery（data.find（'svg'）；
//将替换图像的ID添加到新SVG
如果（imgID的类型！==‘未定义’）{
$svg=$svg.attr（'id'，imgID）；
}
//将替换的图像类添加到新的SVG
if（imgClass的类型！==“未定义”）{
$svg=$svg.attr（'class'，imgClass+'replaced svg'）；
}
//根据删除所有无效的XML标记http://validator.w3.org
$svg=$svg.removeAttr（'xmlns:a'）；
//用新SVG替换图像
$img.replaceWith（$svg）；
}“xml”）；
});
})

。社交链接路径{
填充：#ee44ff；
}

---

而不是通过img标签访问svg。您可以在任何编辑器中打开SVG图像，复制代码并将其粘贴到html中吗。然后将类添加到路径并应用css。它会解决你的问题。请注意，在代码中，请确保检查路径没有fill=“none”之类的属性。如果是，则删除它。

如果svg图像由第三方维护，或者如果在生产代码中引用是动态的，则不会删除。没有fill=“无”。它在Chrome和IE上工作。即使在firefox中，您也可以在检查时看到样式，但颜色不会改变。请为相同的样式创建小提琴或钢笔。path.fb path{fill:#ee44ff；}-使用此css，就是这样！是的，如果g标签对您有效，您可以在g标签上应用css。