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

标签 html css

我正在制作一个网络应用程序。 在我的 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) 中不起作用。 请帮帮我.... 提前谢谢你

最佳答案

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

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

在 Quirksmode CSS2 - Cursor Styles 有一个很好的引用

关于html - 将默认光标样式更改为自定义光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12576682/

相关文章:

html - CSS 媒体查询遇到问题

jquery - 使用 jquery 或纯 css 单击链接时的小动画

html - CSS 优先级在 bootstrap 中无法按预期工作

td标签内的javascript onclick

Javascript 动画打开/关闭菜单

javascript - 为什么CSS设置为 "max-height:0"后会出现这种情况?

html - 带有 flexbox 的导航栏。 "Login"定位右边被溢出截断

javascript - 当使用 JavaScript 单击方 block 时,如何使方 block 的颜色发生变化?

css - Sifr 显示两次 - 仅限 IE?

css - 在 WordPress WooCommerce 商店中创建固定侧边栏(不滚动)