ti-enxame.com

Como você pode implementar um ícone de cursor agarrador no Chrome?

Eu sei que é possível usar um ícone de cursor em Chrome (no Gmail, é claro), mas não consigo descobrir como implementá-lo no meu código. Tentei (em CSS ):

body {
  cursor: grab;
}

body {
  cursor: -webkit-grab;
}


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

Aqui está o estilo que o Gmail usa se esse for o estilo exato do cursor que você procura:

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

Você pode testá-lo aqui .

14
Nick Craver

Chrome Requer -webkit- antes do nome "grab";

Aqui está um exemplo de estilo que funciona com Chrome e Mozilla, e inclui a alteração no cursor para quando você está "segurando" algo).

#eA { cursor: -webkit-grab; cursor:-moz-grab; }
#eA:active { cursor: -webkit-grabbing; cursor:-moz-grabbing;}

Referência: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

77
Ulad Kasach

Assim, no CSS, você começa com o básico e passa para o mais obscuro. O navegador escolherá o último que funciona para esse navegador específico. O Chrome, por qualquer motivo, suporta o webkit-grab, mas não o grab.

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

Em relação à sua pergunta de acompanhamento sobre a capacidade de manipular isso, tente usar algo como o seguinte:

document.body.style.cursor = 'move';
14
Nicholas Blasgen