【问题标题】:Cursor : Invalid property value光标:无效的属性值
【发布时间】:2021-12-29 21:50:16
【问题描述】:

我找这个已经很久了。遗憾的是,我发现的所有东西都对我不起作用。

我的自定义光标无法在 Firefox 上运行,我有一个漂亮的“无效属性值”。同样在 Firefox 开发者版中,我有同样的错误,但显示了光标。在 Chrome 中没有问题,它显示没有任何错误。

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

代码很简单,不用我多介绍了。

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

还有cursor.png 的图片:

编辑:当我检查元素时,似乎出现了一个 css 规则 body:not([id])

这条规则不在我的 CSS 文件中,我不知道它在这里做了什么。任何想法如何删除它?

编辑 2: 发现它是 Firefox 上的 NoScript(附加组件)强制此 css 属性。但是找不到删除它的方法。

【问题讨论】:

  • 如何在 Firefox 中得到错误信息?控制台中没有任何内容,并且光标有效。
  • 你好,当我检查元素时:puu.sh/oWHUA/0b4b88ae0d.png 问题来自我从未写过的 body:not([id]),我不知道它为什么会在这里。如果您有想法,请告诉我! Ps : CSS 文件如果需要puu.sh/oWIk7/ea1f9614f0.css
  • 网站上线了吗?我可以看看。
  • 你好,我刚刚发现css属性是由No-Script(Firefox上的附加组件)强制执行的......看起来我找到了问题,需要弄清楚如何禁用现在为网站!

标签: css firefox mouse-cursor


【解决方案1】:

您应该再添加 2 个这样的参数:

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

请阅读此 mozila 指南:https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

【讨论】:

  • 您好!感谢您的回答 !问题来自这个属性:body:not([id]) { cursor: auto !important;这不包含在我的 css 中,但在我检查元素时仍然显示:puu.sh/oWMAA/caaf9701b8.png 如果您对此有任何想法。谢谢
【解决方案2】:

我遇到了类似的问题。通过在末尾添加“auto”来修复它:

cursor: url('cursor.png'), auto;

【讨论】:

  • 后备是必需的。根据 MDN:“这意味着可以指定零个或多个 URL(以逗号分隔),必须后跟 CSS 规范中定义的关键字之一,例如 auto 或 pointer。@ 987654321@
猜你喜欢
  • 1970-01-01
  • 2013-03-28
  • 1970-01-01
  • 2014-11-22
  • 2016-04-10
  • 2012-04-03
  • 1970-01-01
  • 2023-02-25
  • 1970-01-01
相关资源
最近更新 更多