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

我正在制作Web应用程序。在我的Web应用程序中，我想将默认光标更改为自定义光标。为此，我将以下代码应用于头元素的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）中不起作用。请帮我.... 感谢ü提前

来源

2012-09-25 user1934213

这不是[XHTML]（HTTP ：//www.w3.org/TR/xhtml1/#normative）。 –

http://stackoverflow.com/a/6982850/1354978 – earlonrails

好吧对不起，我忘记附上HTML标签..但你可以把这个页面作为纯HTML页面。在Html页面也不起作用 – user1934213

火狐需要第二个非url参数如

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

有一个在怪异模式CSS2 - Cursor Styles一个很好的参考

来源

2012-09-25 05:39:44 Rab

嗨，我尝试了同样的事情，但它仍然没有工作，并显示我只有默认光标。 – user1934213

我相信您只能在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

来源

2012-09-25 05:43:26 OJay

我已经尝试过所有的格式，如.ani，.cur，.gif，.ico但我仍然只有默认光标。 – user1934213

我自己做了一个测试，用下面的代码， body：{（cursor/pointer.cur'），auto; } 它在chrome v 21和firefox v 15中均可正常工作。绝对需要最后的“，auto” – OJay

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

回答

相关问题