html – 无法在nw.js应用程序中完全删除鼠标光标

概述我使用nw.js的html / css / js桌面应用程序,不能完全删除鼠标光标在全屏模式. 我已经通过设置css属性cursor来取消它：none,margin：0,padding：0在body / html上.还有工具栏：false和全屏：true在package.json中设置. 但是光标在屏幕的所有边缘上可见几个像素(图片如下). 奇怪的行为,有人知道如何彻底删除它吗？ 注意：这只是NW 我使用nw.Js的HTML / CSS / Js桌面应用程序,不能完全删除鼠标光标在全屏模式.

我已经通过设置CSS属性cursor来取消它：none,margin：0,padding：0在body / HTML上.还有工具栏：false和全屏：true在package.Json中设置.
但是光标在屏幕的所有边缘上可见几个像素(图片如下).

奇怪的行为,有人知道如何彻底删除它吗？

注意：这只是NW.Js中的一个问题,因为它在所有浏览器以及xulrunner中都可以完美运行,因为我们在公司从xulrunner迁移到node-webkit(nw.Js),所有应用程序都有这个问题.

解决方法 我怀疑另一个元素正在应用光标：auto,基本上覆盖了你的CSS规则.

考虑以下基本例子：

HTML,body {  background:#000; color:#FFF;  padding: 0; margin: 0;  text-align: center;  cursor:none;}div {  margin:2em;  padding:1em;  background:#555;  cursor:auto;}

<div>  <p>This div has cursor:auto</p></div>

您可以看到,该元素获取正常的光标,因为它具有一个光标：自动规则.
由于你没有提供你的代码,所以我不知道得到这个规则的哪个元素,你可以在devtools里检查它.否则,您可以使用此CSS行覆盖所有游标规则：

* { cursor: none !important; }

并在行动中看到：

HTML,body {  background:#000; color:#FFF;  padding: 0; margin: 0;  text-align: center;  cursor:none;}div {  margin:2em;  padding:1em;  background:#555;  cursor:auto;}* { cursor: none !important; }

<div>  <p>This div has cursor:auto but gets overrIDen</p></div>

编辑：iframe

光标不能隐藏在通过iframe加载的文档中. iframe需要在本地获取CSS规则.

看到iframe演示：https://jsfiddle.net/azizn/rr7bsrc7/1/

总结

以上是内存溢出为你收集整理的html – 无法在nw.js应用程序中完全删除鼠标光标全部内容，希望文章能够帮你解决html – 无法在nw.js应用程序中完全删除鼠标光标所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。