Я знаю, что в Chrome можно использовать значок захвата курсора (конечно, в Gmail), но я не могу понять, как реализовать его в своем коде. Я пытался (в CSS):

body {
  cursor: grab;
}

body {
  cursor: -webkit-grab;
}


body {
  cursor: url(http://www.worldtimzone.com/mozilla/testcase/css3cursors_files/grab.gif);
}
47
Alex 3 Сен 2010 в 05:46

3 ответа

Лучший ответ

Вот стиль, который использует gmail, если это именно тот стиль курсора, который вам нужен:

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

Вы можете проверить это здесь.

14
goodhyun 18 Апр 2016 в 09:40

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/ курсор

77
hirse 4 Апр 2016 в 11:43

Итак, в CSS вы начинаете с основ и переходите к более темному. Браузер выберет последний, который работает для этого конкретного браузера. Chrome, по какой-либо причине, поддерживает webkit-grab, но не захватывает.

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

Что касается вашего последующего вопроса о возможности манипулировать этим, попробуйте использовать что-то вроде следующего:

document.body.style.cursor = 'move';
14
Nicholas Blasgen 4 Дек 2016 в 05:34