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

前端之家收集整理的这篇文章主要介绍了html – CSS自定义光标在FF/Chrome中不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用以下图像创建一个自定义游标:
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中不起作用。 (甚至不检查其他浏览器)

什么原因不起作用?

解决方法

问题不仅在于你的css代码缺少第二个参数,而是使用了图像文件

如果你简单地调整大小,使它更小(我尝试32px用于测试目的)它的作用就像一个魅力。

您可能还需要“指针”而不是自动,由图像的外观判断;

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

编辑:
我意识到现在你想保持大小,但只是不行。有关更多信息,请参阅https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property

猜你在找的HTML相关文章