光标 .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;