REPLACING YOUR CURSOR

 

High Traffic AD spot for rent

Free Ad Quote
Live Help

1 204 344 5070

  
While we're not sure why, we do get a lot of requests from readers wanting
to know how to change the appearance of the cursor inside a browser. There
are a number of ways to do this; the easiest, however, is to use the CSS
definition, either as an include, a page reference or a single instance. CSS
allows for 7 variations on the default arrow cursor. Here's how to implement
them.

As an include: create a file with your CSS definitions, then source that
file as a file include, such as:

<LINK TYPE="text/css" HREF="file.css" REL=stylesheet TITLE="mystyle">

where the HREF points to your stylesheet, which is just a text document
saved with the .css extension, excluding the <style> tag.

OR as a page include: you can do this inside the body tag, such as:

<body style="cursor:crosshair">

OR as an individual reference, which means separate elements could have
separate cursors, such as:

<a href="page.htm" style="cursor:hand">Text</a>
<a href="page.htm" style="cursor:crosshair">Text</a>
<a href="page.htm" style="cursor:text">Text</a>
<a href="page.htm" style="cursor:wait">Text</a>
<a href="page.htm" style="cursor:move">Text</a>
<a href="page.htm" style="cursor:help">Text</a>
<a href="page.htm" style="cursor:n-resize">Text</a>

Note, the final example, n-resize, is an arrow whose direction is called by
"n" for north, "s" for south, etc.