Comandos para cambiar puntero de raton


En la línea de intentar hacer cosas sencillas y sin demasiada complicación a efectos de mejorar nuestros blogs, hoy os mostraré unos comandos para cambiar la imagen del puntero de nuestro ratón.

Supongo que en alguna ocasión os apetece cambiar el puntero de nuestro ratón en determinadas partes de nuestro blog. Esto es posible si cambiamos el comando para decirle que es lo que nos interesa mostrar.

Por ejemplo, cuando subimos una imagen a un post si no queremos que se muestre la típica mano de seleccionar y queremos cambiarla por otra función, es tan fácil como acceder al código html correspondiente y modificar lo siguiente:

Buscaremos el comando “cursor”, si lo que muestra como hemos dicho es una mano veréis lo siguiente "cursor: hand", supongamos que queremos cambiarlo por un signo de interrogación, entonces pondremos lo siguiente "cursor: help".


Aqúi os dejo una lista con 17 variantes para nuestro cursor:


  • cursor: auto (utiliza un cursor dado por el usuario)
  • cursor: crosshair (el cursor se convierte en una cruz)
  • cursor: default (el cursor permanece como es siempre)
  • cursor: e-resize (una flecha que apunta a la derecha)
  • cursor: hand (la tradicional mano)
  • cursor: help (el signo de pregunta)
  • cursor: move (una cruz con flechas en los extremos)
  • cursor: n-resize (una flecha apuntando hacia arriba o hacia el norte)
  • cursor: ne-resize (una flecha apuntando hacia el noreste)
  • cursor: nw-resize (una flecha que apunta hacia el noroeste)
  • cursor: pointer (nuevamente el puntero)
  • cursor: s-resize (una flecha que apunta hacia abajo o al sur)
  • cursor: se-resize (una flecha que apunta hacia el sudeste)
  • cursor: sw-resize (una flecha que apunta hacia el sudoeste)
  • cursor: text (se muestra como el fin de un I-beam)
  • cursor: w-resize (una flecha apuntando hacia el oeste o hacia la izquierda)
  • cursor: wait (un reloj de arena)