Question

我正在制作一个网络应用程序。在我的Web应用程序中，我想将默认光标更改为自定义光标。为此，我在head元素的XHTML页面中应用以下代码。

<html>
<head>
    <style type="text/css">
        body{
            cursor: url('images/normal.ani')
        }
    </style>
</head> 
<body>
    <p> Hello World</p> 
</body>

现在，此代码工作正常，并在Internet Explorer 7.0中将默认光标更改为我的自定义光标。但是相同的代码在Mozilla Firefox（15.0.1）和Google Chrome（21.0）中不起作用。请帮帮我.... 提前谢谢你

Answer 1

Firefox需要第二个非url参数，例如

 cursor: url('images/normal.ani'), auto;

Quirksmode CSS2 - Cursor Styles

有一个很好的参考

Answer 2

我相信你只能在IE中使用文件类型.ani和动画游标（.ani，.gif）。

Mozilla开发人员关于游标网址的页面

https://developer.mozilla.org/en-US/docs/CSS/Using_URL_values_for_the_cursor_property

如果您对某项工作感兴趣（尽管非常难看）

，请在此处发布

http://ye5.blogspot.co.nz/2011/01/animated-mouse-cursor-on-mozilla.html

将默认光标样式更改为自定义光标

2 个答案: