我很久以来一直在寻找这个。我所发现的一切都让我伤心。
我的自定义光标无法在Firefox上运行,我有一个漂亮的"无效的属性值"。同样在Firefox Developper Edition中,我发现了相同的错误,但显示了光标。在Chrome中没问题,它显示没有任何错误。
我的PNG没有问题我相信,它适合所有要求与Firefox兼容。
代码很简单,我不需要向您展示更多内容。
body {
cursor: url('cursor.png'), pointer;
}
cursor.png
图片:
修改:当我检查元素时,它看起来像css规则body:not([id])
:
此规则不在我的CSS文件中,我不知道它在这里做了什么。有任何想法如何删除它?
编辑2:在Firefox上发现它的NoScript(附加组件)强制执行此css属性。但是找不到删除它的方法。
答案 0 :(得分:6)
你应该添加另外两个参数:
cursor: url(cursor2.png) 2 2, pointer;
请阅读此mozila指南:https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
答案 1 :(得分:1)
我有类似的问题。通过在末尾添加“ auto
”来解决此问题:
cursor: url('cursor.png'), auto;