游标：无效的属性值 [英] Cursor : Invalid property value

问题描述

我一直在寻找这个很长一段时间。我找到的所有东西都不适用于我。

我的自定义光标在Firefox上不起作用，我有一个漂亮的无效属性值。同样在Firefox开发版中，我也遇到了同样的错误，但是显示了光标。在Chrome中没有问题，显示时没有任何错误。

我的PNG没有问题，我相信它符合与Firefox兼容的所有要求。 >

这段代码很简单，我不需要再向你展示更多内容。

  body {
 cursor：url（'cursor.png'），pointer; 
  

}

a href =http://i.stack.imgur.com/0BRAH.png =nofollow>游标

非常感谢！编辑：它看起来像一个CSS规则正文：不（（id））显示出来，当我检查元素（ puu.sh/oWHUA/0b4b88ae0d.png ）。这个规则是不是在我的CSS文件，我不知道她在这里的东西。任何想法如何删除它？

编辑2：发现它是Firefox上的强制此CSS属性的NoScript（加载项）。

解决方案

您应该添加2个像这样的参数：

  cursor：url（cursor2.png）2 2，pointer; 
  

请阅读此mozila指南： https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor

I've been looking for this for a long time now. All I've found doesn't work for me sadly.

My custom cursor won't work on Firefox, I've a beautiful "Invalid property value". Also in Firefox Developper Edition I've the same error but the cursor is displayed. No problem in Chrome, it's displayed without any error.

There is no problem with my PNG I believe, it's fit all the requierement to be compatible with Firefox.

The code is simple, I don't need to show you more.

body{
cursor: url('cursor.png'), pointer;

}

And the image : cursor

Thanks a lot !

Edit : It's looks like a css rules body:not([id]) is showing up as I inspect element ( puu.sh/oWHUA/0b4b88ae0d.png ). This rule is not in my CSS files and I've no idea what she is soing here. Any ideas how to remove it ?

Edit 2 : Found out that it's NoScript ( add-on ) on Firefox which force this css properties. Can't find a way to remove it though.

解决方案

You should add 2 more parameters like this :

cursor:  url(cursor2.png) 2 2, pointer;

please read this mozila guide : https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

这篇关于游标：无效的属性值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！