更改用作光标的svg图像的颜色

Question

有没有办法更改用作光标的svg图像路径的填充颜色（如：cursor: url(cur/play.svg), auto;）？

我在悬停元素之前不知道颜色，所以它必须是CSS或JS解决方案（我不能提前制作另一个svg）。

Answer 1

不，这是不可能的。 CSS cursor规则加载外部资源但不能传递参数，SVG也不能读取它下面的颜色。

使用颜色对比的填充和线条制作一个好的光标，它应该随处可见。

Answer 2

如果您可以选择生成SVG文件，则可以。

主题选项或某些内容已更改光标的颜色，然后Option将生成您的资产SVG重新生成您自己的颜色。然后，如果你刷新前面，那么光标颜色将会改变。

这是唯一的方法。