如何在Chrome中实现抓取光标图标？

我知道可以在Chrome中使用抓取光标图标（当然是在Gmail中），但我无法弄清楚如何在我的代码中实现它。 我试过（在CSS中）：

body { cursor: grab; } body { cursor: -webkit-grab; } body { cursor: url(mozilla/testcase/css3cursors_files/grab.gif); } 

Answer 1

以下是gmail使用的样式，如果这是您所使用的确切的光标样式：

 body { cursor: url(https://ssl.gstatic.com/ui/v1/icons/mailhttp://img.dovov.com2/openhand.cur), default !important; } 

你可以在这里testing一下 。

Answer 2

Chrome在“抓取”名称之前需要-webkit-

下面是一个适用于Chrome和Mozilla的风格的例子，包括光标在“持有”时的变化。

 #eA { cursor: -webkit-grab; cursor:-moz-grab; } #eA:active { cursor: -webkit-grabbing; cursor:-moz-grabbing;} 

参考： https ： //developer.mozilla.org/en-US/docs/Web/CSS/cursor

Answer 3

所以在CSS中，您首先从基础入手，然后转到更隐晦的部分。 浏览器将select适用于该特定浏览器的最后一个。 Chrome，无论出于何种原因，都支持webkit抓取，但不能抓取。

 body { cursor: pointer; cursor: hand; cursor: -webkit-grab; cursor: grab; } 

关于后续的操作问题，请尝试使用以下内容：

 document.body.style.cursor = 'move';