我知道在Chrome中(当然是在Gmail中)可以使用抓取光标图标,但我无法弄清如何在我的代码中实现它。我已尝试过以下CSS:
body {
cursor: grab;
}
body {
cursor: -webkit-grab;
}
body {
cursor: url(http://www.worldtimzone.com/mozilla/testcase/css3cursors_files/grab.gif);
}
我知道在Chrome中(当然是在Gmail中)可以使用抓取光标图标,但我无法弄清如何在我的代码中实现它。我已尝试过以下CSS:
body {
cursor: grab;
}
body {
cursor: -webkit-grab;
}
body {
cursor: url(http://www.worldtimzone.com/mozilla/testcase/css3cursors_files/grab.gif);
}
Chrome需要在“grab”名称之前加上-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
如果您想要与Gmail相同的光标样式,请使用以下样式:
body {
cursor: url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/openhand.cur), default !important;
}
在CSS中,你要从基础开始逐渐深入。浏览器会选择最后一个在该特定浏览器下有效的样式。Chrome之所以支持webkit-grab但不支持grab,原因未知。
body {
cursor: pointer;
cursor: hand;
cursor: -webkit-grab;
cursor: grab;
}
关于您后续提出的有关操纵此能力的问题,请尝试使用以下内容:
document.body.style.cursor = 'move';
grab
和 -webkit-grab
的顺序。 - Jimbo Jonny