用于抓取游标的CSS（拖放）
我有一个JavaScript的Web应用程序，用户需要抓住背景移动整个屏幕。 所以我希望光标在它们hover在背景上时改变。 -moz-grab和-moz-grab CSS游标是非常理想的。 当然，他们只在Firefox中工作…其他浏览器有相同的游标吗？ 我需要做一些比标准的CSS游标更自定义的东西吗？
我认为move可能是你所做的最接近的标准游标值 ：
移动
表示要移动的东西。
如果其他人绊倒了这个问题，这可能是你在找什么：
.grabbable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } /* (Optional) Apply a "closed-hand" cursor during drag operation. */ .grabbable:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
CSS3 grab和grabbing现在是cursor允许值。 为了提供跨浏览器兼容性（包括自定义光标文件）的几个回退，一个完整的解决scheme将如下所示：
.draggable { cursor: move; /* fallback: no `url()` support or images disabled */ cursor: url(images/grab.cur); /* fallback: Internet Explorer */ cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */ cursor: -moz-grab; /* Firefox 1.5-26 */ cursor: grab; /* W3C standards syntax, should come least */ } .draggable:active { cursor: url(images/grabbing.cur); cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
您可以创build自己的游标，并使用cursor: url('path-to-your-cursor');将其设置为cursor: url('path-to-your-cursor'); ，或findFirefox的并复制它们（奖金：在每个浏览器一个很好的一致的外观）。
比CSS游标更“自定义”意味着某种types的插件，但是您可以使用CSS完全指定自己的游标。 我觉得这个清单有你想要的：
CSS游标Property @ W3Schools
我可能会迟到，但是您可以尝试下面的代码，这个代码适用于拖放。
.dndclass{ cursor: url('..http://img.dovov.comgrab1.png'), auto; } .dndclass:active { cursor: url('..http://img.dovov.comgrabbing1.png'), auto; }
您可以在上面的url中使用以下图片。 确保它是一个PNG透明图像。 如果没有，从谷歌下载一个。
