Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com tests: cursor 2

URL failure test

This should have the cursor that indicates resizing to the north, since the URL is non-existent.

Correspondence of used cursor with system cursor test

To ensure that the browser is using the system values for cursor rather than the browser's own, change your system cursors and then repeat the test above. In Windows this can be done in Control Panel/Mouse/Pointers.

If you don't have any cursors, you may use either of the RichInStyle.com cursors: click here for the animated (.ani format) cursor, and here for the static (.cur format) one.

Future compatibility test

It is a dead cert that there will be future extensions to cursor. As a result, it is important to pass this test - this element should have an hourglass (cursor: wait; cursor: newvalue specified) (not the inherited crosshair).

Auto test

This is a control.

This should have an hourglass (simply cursor: wait specified).

This should have a hourglass (simply cursor: wait inherited).

This element should have the same cursor as the control ('this is a control') (cursor: auto specified).

This is a simulation of applying BODY {cursor: default} and then having cursor: auto on those elements that you wish to have their normal cursors - the following elements should have their normal cursors: A link

Inheritance test

Since the initial value for cursor is auto, UAs should simply have the style rule HTML {cursor: auto}. As a result, an author style sheet stating HTML {cursor: default} (or whatever) will suppress this, and thus all elements should have the pointer cursor.

To test this, have a look at the test below - all elements should have the same cursor - the platform-specific pointer, probably an arrow:

A link