|
|
|||
|
|
||
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.html" style="cursor:hand">Text</a>
<a href="page.html" style="cursor:crosshair">Text</a>
<a href="page.html" style="cursor:text">Text</a>
<a href="page.html" style="cursor:wait">Text</a>
<a href="page.html" style="cursor:move">Text</a>
<a href="page.html" style="cursor:help">Text</a>
<a href="page.html" 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.