Cambiar el aspecto del cursor con CSS

0 COMENTARIOS -  Publicado hace 62 meses -  Clasificado en:

Para cambiar el aspecto del cursor hay que utilizar la propiedad cursor. Por ejemplo: a:link, a:visited { cursor: move; }

Los valores y por tanto el aspecto -pasa el cursor sobre cada uno de los elementos de la lista para ello- que puede tomar el cursor son los siguientes:

  • auto: el cursor cambia a una imagen que es determinada por el navegador.
  • crosshair: dos líneas perpendiculares que se intersectan en la mitad (similar a un signo + agrandado)
  • default: es el cursor por defecto. En la mayoría de los navegadores es una flecha.
  • pointer: se usa para indicar que el puntero está situado sobre un link. La mayoría de las veces se muestra como una mano con un dedo extendido.
  • move: indica que un elemento puede ser movido. Normalmente se muestra como una cruz con las puntas de flecha.
  • e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize: una flecha indicando en que dirección puede ser movido. Por ejemplo, se-resize indica la dirección sureste.
  • text: indica que el texto puede ser seleccionado. Normalmente se muestra como el indicador usado en los programas de procesamiento de textos, una I.
  • wait: indica que la computadora se encuentra ocupada. Se muestra como un reloj de arena.
  • progress: indica que la computadora está ocupada pero que el usuario todavía puede interactuar con el navegador.
  • help: indica que existe información o ayuda disponible. Normalmente se muestra como un interrogante o una flecha con un interrogante.
  • <uri> El cursor puede ser cambiado por un cursor exterior definido por el usuario como una imagen, un windows cursor, file, etc.

Algunas entradas relacionadas:

También te puede interesar: