Cambiar el aspecto del cursor con CSS

1. a:link, a:visited {
2.      cursor: move;
3. }

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.

Usuarios que han visto este tema también han visto...

- Superposición de imágenes con CSS
- Cómo cambiar la apariencia de un botón en CSS
- Textscroll en CSS
- Trucos prácticos y técnicas para maquetar en CSS
- Arreglar los bordes punteados en Internet Explorer con CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento