Question

我正在尝试为JavaScript创建一个库（插件），让用户可以隐藏鼠标并用其他东西更改鼠标光标。

在使用cursor的CSS工作之前很容易，我发现了一些像this这样的插件，但现在我访问了this website，它改变了鼠标。

为什么新浏览器（或操作系统）不支持将鼠标光标更改为图像？

Answer 1

您可以将光标更改为图像，但必须是特定的文件类型。即.ico：

＆＃13;

.cursor{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  cursor: url(http://davidwalsh.name/demo/css-custom-cursor.ico), default;
}

＆＃13;

<body><div class="cursor"></div></body>

＆＃13;

图片来自this website。

Answer 2

有效。尝试：

$('html,body').css('cursor','none');

OR

<pre>
<span style="cursor:pointer">pointer</span><br>
<span style="cursor:progress">progress</span><br>
<span style="cursor:s-resize">s-resize</span><br>
<span style="cursor:none">s-Hide</span><br>
</pre>

JsFiddle

如何在新浏览器中隐藏或更改鼠标光标？

2 个答案: