Förändra muspekaren

Jag har sammanställt de möjligheter som finns när det gäller att förändra muspekarens utseende på bildskärmen. För muspekaren över länkarna nedan för att se hur den förändras. För vart och ett av alternativen ser du också vilken kod som krävs i den länk du lägger in på din sida, för att få det fungera. Observera att allt inte fungerar i alla webbläsare.

<a href="cursor.html" style="cursor: auto;"> </a>
<a href="cursor.html" style="cursor: crosshair;"> </a>
<a href="cursor.html" style="cursor: wait;"> </a>
<a href="cursor.html" style="cursor: default;"> </a>
<a href="cursor.html" style="cursor: text;"> </a>
<a href="cursor.html" style="cursor: help;"> </a>
<a href="cursor.html" style="cursor: move;"> </a>
<a href="cursor.html" style="cursor: pointer;"> </a>
<a href="cursor.html" style="cursor: n-resize;"> </a>
<a href="cursor.html" style="cursor: ne-resize;"> </a>
<a href="cursor.html" style="cursor: e-resize;"> </a>
<a href="cursor.html" style="cursor: se-resize;"> </a>
<a href="cursor.html" style="cursor: s-resize;"> </a>
<a href="cursor.html" style="cursor: sw-resize;"> </a>
<a href="cursor.html" style="cursor: w-resize;"> </a>
<a href="cursor.html" style="cursor: nw-resize;"> </a>