svg：使用css更改填充颜色

Question

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

我试过以下

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

（不确定OBJECT是否是正确的元素）

以下是 todo.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>
    ....

所以在css中我尝试将其设置如下

#bar path { fill: #444; }

不起作用:(任何建议如何使用css更改此svg属性？