title: Cursor pointer change best practice
body: <p>I remember reading on SO about how you are not meant to use this trick: <code>&lt;a href="#"&gt;</code> which is fine by me, as it seems to make the browser scroll to the top of the page, which is unwanted.</p>
  
  <p>But I do want the cursor to change to a pointer (the gloved hand) so users know that an element is clickable. Yet, the clickable element does not link to anywhere.
  I found this code on the W3C, however they say that it will not run in Opera; so my question is, how do I make the cursor change to a pointer on all browsers without reffering to the <code>&lt;a href="#"&gt;</code> trick.</p>
  
  <p>The code looks something like this:</p>
  
  <p><code>&lt;a style="cursor:pointer;" onclick="run_function();"&gt;Click Me&lt;/a&gt;</code></p>
  
  <p>All I can think of is to use php or javascript to use the above code, and replace it with <code>&lt;a href="#" onclick="run_function();"&gt;Click Me&lt;/a&gt;</code> if the browser is Opera. But this does not seem desirable. Does anyone know of a simple, good practice method of achieving this effect without resorting to the above hack/kludge?</p>
  
  <p>Thanks</p>