Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在Chrome(和IE)中隐藏光标_Html_Css_Cursor_Mouse Cursor - Fatal编程技术网

Html 在Chrome(和IE)中隐藏光标

Html 在Chrome(和IE)中隐藏光标,html,css,cursor,mouse-cursor,Html,Css,Cursor,Mouse Cursor,我有下面的CSS隐藏网页上任何东西的鼠标光标。它在Firefox中工作得很好,但在IE和Chrome中却不起作用 html { cursor: none; } 在Chrome中,我总是看到鼠标指针。然而,在IE中,我看到上次进入屏幕时光标处于“活动”状态。大概是保留最后一个选择,而不是删除它。此属性游标:无不是标准的一部分 看这里 您可能希望使用Javascript或JQuery隐藏它 另外,请查看空白光标文件 还有最后一个链接 Chrome自创建以来就出现了这个问题,已经有报告发送给

我有下面的CSS隐藏网页上任何东西的鼠标光标。它在Firefox中工作得很好,但在IE和Chrome中却不起作用

html {
    cursor: none;
}

在Chrome中,我总是看到鼠标指针。然而,在IE中,我看到上次进入屏幕时光标处于“活动”状态。大概是保留最后一个选择,而不是删除它。

此属性
游标:无不是标准的一部分

看这里

您可能希望使用Javascript或JQuery隐藏它

另外,请查看空白光标文件

还有最后一个链接

Chrome自创建以来就出现了这个问题,已经有报告发送给了,我想他们正在解决这个问题


另外,不要相信IE中的任何东西都会起作用P

使用java.awt.robot类中的隐藏小程序将光标移出屏幕。说左下角。

我这几天也遇到了同样的问题,找到了一个很好的解决方案,在谷歌浏览器中隐藏指针

这是url属性的名称:

自定义URL的逗号分隔 光标。注意:始终指定一个 列表末尾的通用光标, 如果没有定义URL 可以使用游标

因此,您可以为非完全透明的图像定义url,后跟默认指针:

cursor: url(img/almost_transparent.png), default;

如果选择完全透明的png,Chrome将显示一个黑色矩形,但是如果选择至少1px不透明的png,它将工作,并且没有人会注意到指针。

找到跨浏览器工作的东西是一件痛苦的事情

下面的代码适用于Chrome、IE和Firefox。IE喜欢.cur文件,Chrome喜欢嵌入的png,而有些浏览器实际上不喜欢:)


所以现在处理这个问题的最好方法是指针锁api


它将隐藏鼠标光标,但也让您可以访问有关鼠标移动的数据。

在css中:
*{cursor:url(cursor.png),none!important}
为什么要这样做?因为我有一个面向客户的屏幕,没有人机交互。当框启动时,它会自动启动web浏览器,但光标会自动从屏幕中央启动,从而遮住部分网页。所以它需要隐藏。因为可以给光标一个url来使用,所以您可以使用空白图像的url吗?似乎不适用于图像。我试着把它指向一个16x16.png文件(它是可见的),只是想看看我是否可以更改它,但它似乎不起作用。可能只有.cur文件?您也可以使用其他浏览器显示。在大多数浏览器上点击F11将使其全屏显示。哇。。。我想不出比这更难、更复杂的方法来完成这么简单的任务了。这不是一项简单的任务。光标:无;在Chrome中“工作”,但如果单击鼠标左键,光标将重新出现。如果尝试并拖动,光标将重新出现。如果能够执行诸如打开和关闭检查器之类的操作,光标将重新出现。有很多方法可以找回它。如果你的应用程序需要的话,这个解决方案可以提供永久性的光标移除。让你知道Chrome支持“光标:无”;IE支持完全透明的光标。您可以使用特定于浏览器的样式表。;)谢谢你的评论。在我回答问题时,Chrome不支持cursor:没有人能从网站上(通过browserstack)让它在IE和Edge上运行:
这是一项实验性技术
==对于使用稍老的BrowsersRect的用户来说并不好。但对于其他特定的用例来说,这是非常好的。(Kiosk ey触摸屏)如果你只是想隐藏鼠标,那么指针锁定肯定是错误的。
div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none;
}