This page has been translated into Italian.
By changing the value of the cursor declaration you can assign cursor styles
to various HTML elements. Although in theory this is great functionality, it's very easy to confuse your
users by defining inappropriate cursor styles. Please be very careful; in general the browser defaults work
fine, and besides they're what the user expects.
The leftmost cells of the compatibility table have the indicated cursor value. See also the
W3C and
Microsoft references.
| Selector | IE 5.5 | IE 6 | IE 7 | IE8 | IE9 pr3 | FF 3.0 | FF 3.5 | FF 3.6 | FF 4b1 | Saf 4.0 Win | Saf 5.0 Win | Chrome 4 | Chrome 5 | Opera 10.10 | Opera 10.53 | Opera 10.60 | Konqueror 4.x |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
all-scroll
Microsoft
|
No | Yes | Yes | Yes | Yes | No | To be tested | ||||||||||
|
col-resize
Microsoft
|
No | Yes | Yes | Yes | Yes | No | To be tested | ||||||||||
|
crosshair
W3C
|
Yes | Yes | Yes | Yes | Yes | To be tested | |||||||||||
|
default
W3C
|
Yes | Yes | Yes | Yes | Yes | To be tested | |||||||||||
|
hand
Microsoft
|
Yes | No | No | No | No | Yes | To be tested | ||||||||||
See the note below. |
|||||||||||||||||
| Selector | IE 5.5 | IE 6 | IE 7 | IE8 | IE9 pr3 | FF 3.0 | FF 3.5 | FF 3.6 | FF 4b1 | Saf 4.0 Win | Saf 5.0 Win | Chrome 4 | Chrome 5 | Opera 10.10 | Opera 10.53 | Opera 10.60 | Konqueror 4.x |
|
help
W3C
|
Yes | Yes | Yes | Yes | Yes | To be tested | |||||||||||
|
move
W3C
|
Yes | Yes | Yes | Yes | Yes | To be tested | |||||||||||
|
no-drop
Microsoft
|
No | Yes | Yes | Yes | Yes | No | To be tested | ||||||||||
|
not-allowed
Microsoft
|
No | Yes | Yes | Yes | Yes | No | To be tested | ||||||||||
|
pointer
W3C
|
No | Yes | Yes | Yes | Yes | Yes | To be tested | ||||||||||
See the note below. |
|||||||||||||||||
|
progress
W3C
|
No | Yes | Yes | Yes | Yes | Yes | To be tested | ||||||||||
| Selector | IE 5.5 | IE 6 | IE 7 | IE8 | IE9 pr3 | FF 3.0 | FF 3.5 | FF 3.6 | FF 4b1 | Saf 4.0 Win | Saf 5.0 Win | Chrome 4 | Chrome 5 | Opera 10.10 | Opera 10.53 | Opera 10.60 | Konqueror 4.x |
|
row-resize
Microsoft
|
No | Yes | Yes | Yes | Yes | No | To be tested | ||||||||||
|
text
W3C
|
Yes | Yes | Yes | Yes | Yes | To be tested | |||||||||||
|
url
Microsoft
|
Alter |
Yes | Yes | Yes | No | To be tested | |||||||||||
Use an image as cursor. This value has a few problems:
This test uses the following .gif image:
|
|||||||||||||||||
|
vertical-text
Microsoft
|
No | Yes | Yes | Yes | Yes | No | To be tested | ||||||||||
|
wait
W3C
|
Yes | Yes | Yes | Yes | Yes | To be tested | |||||||||||
|
*-resize
W3C
|
Yes | Yes | Yes | Yes | Yes | To be tested | |||||||||||
The example is 'N-resize'. Instead of the 'N' you can also use 'NW', 'W', 'SW', 'S', 'SE', 'E', 'NE' |
|||||||||||||||||
| Selector | IE 5.5 | IE 6 | IE 7 | IE8 | IE9 pr3 | FF 3.0 | FF 3.5 | FF 3.6 | FF 4b1 | Saf 4.0 Win | Saf 5.0 Win | Chrome 4 | Chrome 5 | Opera 10.10 | Opera 10.53 | Opera 10.60 | Konqueror 4.x |
pointer and handIn the past the hand value was Microsoft's way of saying pointer; and
IE 5.0 and 5.5 only support hand. Because it's the cursor value that's used most often,
most other browsers have also implemented hand.
Since IE 6 and 7 support pointer, there's no more reason to use hand,
except when older IEs are part of your target audience. In that case, the only cross-browser syntax
is:
element {
cursor: pointer;
cursor: hand;
}
Note that the two declarations must be in this order.