如何在不将任何css代码放入SVG文件的情况下更改对象内的SVG填充颜色

如何更改对象标记中悬停时的SVG填充颜色，而不将任何CSS代码放入SVG文件中？这是我的密码：

<div class="icon-holder">
    <object data="http://useaible.com/wp-content/themes/storefront/assets/images/icons/bulb-round.svg"></object>
</div>

---

我知道如果CSS不在SVG文件中，它将无法工作。在不使用内嵌SVG或在SVG文件中使用CSS的情况下实现悬停效果还有其他方法吗？

您可以使用SVG精灵。在

正文之后定义svg，如下所示：

<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <symbol id="icon-facebook" viewBox="0 0 16 32">
    <title>facebook</title>
    <path class="path1" d="M4.973 30.593v-13.872h-4.973v-4.984h4.974v-4.433c0-4.595 2.775-7.303 6.874-7.303 1.964 0 3.66 0.211 4.152 0.276v5.053l-3.393-0.001c-2.229 0-2.646 1.106-2.646 2.66v3.749h5.711l-0.807 4.984h-4.904v13.872h-4.988z"></path>
    </symbol>
  </defs>
</svg>


脸谱网

并在代码中调用它：

<svg class="icon-facebook"><use xlink:href="#icon-facebook"></use></svg>



这样你就可以在上面应用CSS了。
你的html文件和SVG文件在同一个域上吗？不。我在另一个文件夹中分离了svg文件。我不想使用内联svg，因为它会在我的html文件中占据大量空间。如果它不是同一个域，那么您可能无能为力。你的评论听起来好像你不明白这个问题。