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