对所有浏览器使用拖动光标的最简单方法是什么？

Question

我指的是这个光标：

我正在搜索，我发现对于Mozila Firefox来说很简单，只需将cursor: -moz-grab添加到css即可。而对于其他浏览器，则需要导入.cur文件，甚至使用JavaScript。

但对于其他浏览器在不使用JavaScript的情况下使用该游标的好方法是什么？

Answer 1

你可以这样做。

＆＃13;

＆＃13;

div {
  width: 100px;
  height: 100px;
  background: tan;
}
div:hover {
  cursor: grab;
  cursor: -webkit-grab;
}
div:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

grab光标是非官方的，因此不受广泛支持。但是，您可以将自定义图像用作光标，即使支持它的浏览器的grab光标后退也是如此。像这样：

#dragMe {
    cursor: grab, url('hand.cur'), default;
}

有很多关于此的信息。像这样的东西：http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/