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

Question

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

body {
  cursor: grab;
}

body {
  cursor: -webkit-grab;
}


body {
  cursor: url(http://www.worldtimzone.com/mozilla/testcase/css3cursors_files/grab.gif);
}

Answer 1

所以在 CSS 中，你从基础开始，然后转向更晦涩的部分。浏览器将选择适用于该特定浏览器的最后一个。无论出于何种原因，Chrome 都支持 webkit-grab 但不支持抓取。

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

关于您关于操纵此功能的后续问题，请尝试使用以下内容：

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

Answer 2

这是 gmail 使用的样式，如果这正是您所追求的光标样式：

body {
  cursor: url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/openhand.cur), default !important;
}

You can test it out here.

Answer 3

Chrome 需要 -webkit- 在“grab”名称之前；

这是一个适用于 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