SVG用作Wordpress上的光标无法正常工作

Question

我过去使用过svg图像用于滑块上的光标（基本上，当您将鼠标悬停在左侧幻灯片上时，光标会更改为指向左侧的自定义箭头和右侧的sam efo）。

它有效，但现在我在另一个网站上做同样的事情（记住，我已经添加了对SVG的支持）并且它只是不工作，它加载了默认的系统箭头。

如果我从其他网站添加箭头svg文件，它可以工作......有什么不同？

有效的：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="64.131px" height="32.308px" viewBox="0 0 64.131 32.308" enable-background="new 0 0 64.131 32.308" xml:space="preserve">
<path d="M13.699,16.804h36.304c0.359,0,0.65-0.291,0.65-0.65c0-0.359-0.291-0.65-0.65-0.65H13.699c-0.359,0-0.65,0.291-0.65,0.65
    C13.049,16.513,13.34,16.804,13.699,16.804z"/>
<path d="M12.398,16.804c0.168,0,0.335-0.064,0.462-0.193l6-6.07c0.253-0.256,0.25-0.667-0.005-0.919
    c-0.256-0.255-0.667-0.25-0.919,0.005l-6,6.07c-0.253,0.256-0.25,0.667,0.005,0.919C12.068,16.742,12.233,16.804,12.398,16.804z"/>
<path d="M18.398,22.875c0.165,0,0.33-0.062,0.457-0.188c0.255-0.252,0.258-0.663,0.005-0.919l-6-6.07
    c-0.252-0.256-0.663-0.259-0.919-0.005c-0.255,0.252-0.258,0.663-0.005,0.919l6,6.07C18.064,22.81,18.23,22.875,18.398,22.875z"/>
</svg>

那个不：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 45 22.1" style="enable-background:new 0 0 45 22.1;" xml:space="preserve">
<path d="M45,12v-1v-1H24.6H4.2l5.2-4.4l5.2-4.4l-0.8-0.6L13.2,0L6.6,5.5L0,11.1l6.6,5.5l6.6,5.5l0.8-0.6l0.8-0.6l-5.2-4.4L4.2,12
    h20.4H45z"/></svg>

Answer 1

一个具有宽度和高度属性，另一个没有。需要在用作游标的SVG图像上设置非百分比宽度和高度属性。