Con CSS2 podemos determinar la apariencia del cursor cuando este
apunte sobre cualquier elemento de nuestra página, mediante la
declaración cursor: estilo
La especificación CSS2 tambien contempla el uso de cursores
distintos de los proporcionados por el sistema. En este caso debes
señalar la URI donde está el gráfico a utilizar:
P { cursor: url("micursor.cur"), url("otro.cur"), text; }
Como podemos comprobar en la siguiente tabla, se trata de tipos de gráficos especiales. Dos ejemplos, cursor fijo y animado (pon el ratón encima de cada celda):
NOTAS: las versiones antiguas de iexplorer usan cursor:hand en lugar de cursor:pointer. Pointer es aceptado por mozilla e iexplorer a partir de la versión 6.
Para que los navegadores basados en Mozilla reconozcan cursor:url es preciso añadir tras la url una keyword como auto o pointer por ejemplo:style="cursor : url('ejemplos/blue.cur'),auto.
Firefox no admite cursores animados, por eso solo se ve uno de ellos.
Los tipos de imagenes recomendados son cur y ani. La especificación menciona el tipo csr del que no tengo referencias.