Com o CSS podemos modificar o comportamento do cursor. De uma forma básica mediante as opções que o CSS nos oferece para cursores.

A primeira coisa a ser feita é termos o cursor. Cursores são arquivos que tem a extensão .cur, embora o CSS não chega a especificar o formato do cursor. Inclusive indica que poderia ser um formato SVG.

Uma vez que tenhamos o cursor numa URL (num endereço de Internet) acessível a partir da página, procedemos com a personalização do cursor da nossa página.

cursor:url(“meucursor.cur”);

Esta propriedade poderá ser atribuida à um elemento da página onde queremos que apareça o cursor personalizao. Pode ser sobre o link (A), sobre toda página (BODY),… Em caso de ser para toda página o código seria:

<style type=”text/css”>

body{

cursor:url(“meusursor.cur”);

}

</style>

Depois do cursor é recomendado que se indique um cursor básico, para que quando houver erro no carregamento do cursor personalizado, possa aparecer um cursor.

<style type=”text/css”>

body{

cursor:url(“meusursor.cur”),crosshair;

}

</style>

Neste caso indicamos com cursor padrão o cursor “crosshair”.

É isso aí

Bom proveito