小编典典

CSS自定义光标在FF / Chrome中不起作用

css

我正在尝试使用以下图像创建自定义光标:

http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png

图像尺寸必须保留。我尝试过使用body { cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'); },尽管在FF /
Chrome中不起作用。(甚至不检查其他浏览器)

它不起作用的原因是什么?


阅读 403

收藏
2020-05-16

共1个答案

小编典典

问题不仅仅在于您的css代码缺少第二个参数,还在于图像文件。

如果您只是简单地调整大小,请使其变小(我出于测试目的尝试使用32px),它的工作原理就像是一种魅力。

从图像的外观来看,您可能还需要“指针”而不是自动指针。

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), pointer;

编辑
:我意识到现在您想保持大小,但是它根本无法正常工作。

2020-05-16