Aquí tenéis toda los posibles estilos del cursor para que podáis aplicar bajo CSS, si pasáis el cursor por encima de “Prueba” veréis el resultado, este resultado diferirá de un navegador a otro, es decir el icono puede ser muy diferente entre FireFox, Safari, Chrome e Internet Explorer, el buen uso de la propiedad cursor hace las páginas web más usables sobre todo para estilos de menús basados en capas:
| Valor |
Prueba |
Netscape |
Explorer |
Estilo CSS |
| default |
Prueba |
6+ |
4+ |
cursor:default |
| crosshair |
Prueba |
6+ |
4+ |
cursor:crosshair |
| hand |
Prueba |
|
4+ |
cursor:hand |
| pointer |
Prueba |
6+ |
|
cursor:pointer |
| Cross browser |
Prueba |
|
4+ |
cursor:pointer;cursor:hand |
| move |
Prueba |
6+ |
4+ |
cursor:move |
| text |
Prueba |
6+ |
4+ |
cursor:text |
| wait |
Prueba |
6+ |
4+ |
cursor:wait |
| help |
Prueba |
6+ |
4+ |
cursor:help |
| n-resize |
Prueba |
6+ |
4+ |
cursor:n-resize |
| ne-resize |
Prueba |
6+ |
4+ |
cursor:ne-resize |
| e-resize |
Prueba |
6+ |
4+ |
cursor:e-resize |
| se-resize |
Prueba |
6+ |
4+ |
cursor:se-resize |
| s-resize |
Prueba |
6+ |
4+ |
cursor:s-resize |
| sw-resize |
Prueba |
6+ |
4+ |
cursor:sw-resize |
| w-resize |
Prueba |
6+ |
4+ |
cursor:w-resize |
| nw-resize |
Prueba |
4+ |
4+ |
cursor:nw-resize |
| progress |
Prueba |
|
6+ |
cursor:progress |
| not-allowed |
Prueba |
|
6+ |
cursor:not-allowed |
| no-drop |
Prueba |
|
6+ |
cursor:no-drop |
| vertical-text |
Prueba |
|
6+ |
cursor:vertical-text |
| all-scroll |
Prueba |
|
6+ |
cursor:all-scroll |
| col-resize |
Prueba |
|
6+ |
cursor:col-resize |
| row-resize |
Prueba |
|
6+ |
cursor:row-resize |
| cursor:url(uri) |
Prueba |
|
6+ |
cursor:url(uri) |
|
Comparte y no seas egoinómano
Páginas relacionadas con este artículo:
- Internet Explorer 8 incompatible con max-width
- Rotación de una imagen con CSS3
- Representar teclas del teclado
- ¡Abajo explorer!
- Estructuras redimensionables para iPhone
