跨浏览器隐藏鼠标光标

Question

我想通过隐藏鼠标光标经过div来增强深度效果，有没有一种方法可以适用于所有浏览器？

Answer 1

看起来像这样：

/* css */
div {
    cursor: url(url/to/transparent.gif), auto;
}

应该做到这一点还是：

divEl.style.cursor = 'url(path/to/transparent.gif), auto'; // javascript

但是隐藏光标可能会极大地惹恼访问者。

附录:在示例中，我编写了.gif文件，但实际上您可能需要转换为.cur或.ani文件，以获得更好的浏览器支持。

Answer 2

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

下面的代码可以在Chrome、IE和Firefox上运行。IE喜欢.cur文件，Chrome喜欢内嵌的png，而一些浏览器实际上支持none :)

#div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none !important;
}

Answer 3

为什么不简单地减小光标的大小，因为它越来越接近深域的中心？