Css: cambiare il puntatore del mouse

Loading

I fogli di stile ci consentono anche di modificare il puntatore del mouse.
Per ottenere questo risultato basta utilizzare dichiarare un valore alla proprietà cursor.

Ad esempio se volessimo che al passaggio del mouse su una data classe apparisse il puntatore tipico dei link (la “manina”) basta scrivere.

.classe{
cursor:pointer;
}


Fatto questo basta assegnare la classe agli elementi a cui vogliamo cambiare il puntatore.

I possibili valori che possiamo assegnare alla proprietà cursor sono:

default
pointer
crosshair
text
wait
help
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
progress

Una pagina che mostra tutti i cursori è visibile all’indirizzo:
http://www.webtocom.com/demo/cursoriCss/