相关疑难解决方法(0)

我无法更改SVG Sprite的填充颜色

我有这个,我已经做了一个SVG Sprites技术的例子:

<svg xmlns="http://www.w3.org/2000/svg"style="position:absolute;top:-9999px;opacity:0;">    
    <symbol viewBox="0 0 64 64" id="circle">
        <title>circle</title>
            <path fill="#1D1D1B" d="M32,0C14.327,0,0,14.327,0,32c0,17.673,14.327,32,32,32s32-14.327,32-32C64,14.327,49.673,0,32,0z M32,52.5c-11.322,0-20.5-9.178-20.5-20.5S20.678,11.5,32,11.5S52.5,20.678,52.5,32S43.322,52.5,32,52.5z"/>
    </symbol>
    <symbol viewBox="0 0 56.983 64.804" id="polyline">
        <title>polyline</title>
            <polyline fill="#1D1D1B" points="0,64.804 30.726,0 56.983,0 56.983,54.749 29.33,27.095 "/>
    </symbol>
</svg>

<svg class="circle">
    <use xlink:href="#circle"></use>
</svg>

<svg class="polyline">
    <use xlink:href="#polyline"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)

我想用CSS应用它:

.circle {
    fill: #f00;
}
.polyline {
    fill: #00f;
}
Run Code Online (Sandbox Code Playgroud)

我的问题是我无法更改添加到spritesheet的元素的填充颜色.我已经查找了有关如何正确执行此操作的信息,我认为我的方法是正确的,但似乎并非如此.

在另一支钢笔中,我认为用同样的方式编写,工作正常.我究竟做错了什么?

如果我犯了任何错误,对不起我的英语,这不是我的母语.

html css svg

6
推荐指数
3
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

svg ×1