css - 光标 .svg 在 Chrome 61.0.3163.100 中不起作用

Question

我对这个 CSS 有疑问。
我尝试了 auto 和 default 但我仍然看到默认光标。

cursor: url('img/extra/arrow-next.svg'), auto;
cursor: url('img/extra/arrow-next.svg'), default;

有人遇到同样的问题还是我做错了什么？

Answer 1

您可能没有指定 SVG 文件的高度和宽度。因此，您的浏览器不能将其用作光标。为了将此 SVG 文件用作光标，请在文本编辑器中将其打开并将其更改为与此类似的内容:

<svg height="20" width="20">
...
</svg>

更改后，这段 CSS 代码应该可以解决问题:

cursor: url('img/extra/arrow-next.svg'), auto;