By: web design tutorial | posted in HTML/CSS, Tutorials, Web Design |
Date: August 5th, 2009
I was wondering the other day why my search button doesn’t have a mouse over effect. It should change the pointer into a hand when you hover over my search box. It is showing only for IE but not in FireFox.
This is what I have before and you can see when the cursor is right over the html input search button and it doesn’t change the cursor.
<input type=”submit” onmouseover=”this.style.cursor=’hand’” id=”searchsubmit” value=”Search” />
Here is the solution html code below. You need to change hand to pointer (as per W3C standard). It work both on IE and FireFox.
<input type=”submit” onmouseover=”this.style.cursor=’pointer’” id=”searchsubmit” value=”Search” />
This is how it look now.
Site:
Info:
W3C XHTML 1.0, 
W3C CSS
simple css
input.button {cursor:pointer;}