Html svg：使用css更改填充颜色

我有这个svg文件，我想用不同的颜色

我试过以下方法

<object type="image/svg+xml" width="100" height="100" data="todo.svg">
    <span/>
</object>

---

不起作用：（对如何使用css更改此svg属性有何建议？

页面的css无法访问框架或对象中包含的外部内容。您可以做的是在php中使用include（）（如果服务器上可用）或者在html中包含svg代码，而不是在这里包含对象一个svg内部文档和接收样式的示例（用于这里的另一个问题），您是否可以为路径指定一个类，然后使用类似

.className{fill:#444；}的内容对该类进行样式设置

-项目颜色在屏幕上更改的位置hover@Pete若svg位于对象中，则无法从主页中设置样式：）就像在其中显示google一样，您无法从站点通过css重新设置样式。请在对象中查看小提琴和svg

<svg version="1.1" id="Layer_1" xmlns="..." x="0px" y="0px"
     width="156px" height="141.6px" viewBox="0 0 156 141.6" enable-background="new 0 0 156 141.6" xml:space="preserve">
    <g>
        ....
        <g id="bar">
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#000" d="..."/>

        </g>
    </g>
    ....

#bar path { fill: #444; }