Css 我的SVG路径代码有什么问题？

我正在使用这个代码笔，但作者的代码不适用于Illustrator提供的自定义SVG。原始作者将填充作为SVG路径代码的内联CSS样式。如果不将SVG路径代码设置为白色，白色悬停填充将不起作用

默认情况下-图像不可见，但颜色应为#788F9B

悬停时，它工作：

svg:hover#bino{
填充：#fff；
}

---

它不起作用，因为HTML中的

样式

属性优先于CSS样式表。因此颜色永远不会改变

您可以通过在样式表中定义初始颜色来解决此问题：

#bino { 
  fill: #29aae1;
}
a:hover #bino { 
  fill: #fff;
}

一个有效的例子：

a{
显示：块；
宽度：166px；
填充：30px；
}
a:悬停{
背景色：#166584；
}
比诺先生{
填充：#29aae1；
}
#双筒望远镜{
填充：#788F9B；
}
a:悬停式双筒望远镜{
填充：#fff；
}

---

在悬停之前，默认图标如下所示：通过查看此代码，我能够将其修复为我需要的状态。谢谢你。@Pandanija那么，你是要我把它做得一模一样吗？：P@PandaNinja没有，我不小心发了。然后在我编辑完我的评论之前，你回复了我。非常感谢。这是关闭的。@pandanija我想没有填充，因为您不需要

样式

属性。然而，我没有Illustrator的经验。。。