kingweb
asked on
Search Form Rollover Submit Button
How would I go about creating a rollover button for a search form?
ASKER
I currently have with the CSS in place:
<div id="searchit">
<form method=”get” id=”searchform” action="http://xxxx.com">
<div><input type=”text” value='Search Topic or Ask a Question' name='s' id='s' onfocus="if(this.value==th is.default Value){thi s.value='' ;}" />
</div>
<input type="submit" value="Submit" class="button" />
</form>
</div>
What am I missing? I'm trying to make a rollover image.
<div id="searchit">
<form method=”get” id=”searchform” action="http://xxxx.com">
<div><input type=”text” value='Search Topic or Ask a Question' name='s' id='s' onfocus="if(this.value==th
</div>
<input type="submit" value="Submit" class="button" />
</form>
</div>
What am I missing? I'm trying to make a rollover image.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
<input type="submit" value="Submit" class="button" />
css
.button {
border: 1px solid #006;
background: #blue;
}
.button:hover {
border: 1px solid #f00;
background: #red;
}