Link to home
Start Free TrialLog in
Avatar of kingweb
kingweb

asked on

Search Form Rollover Submit Button

How would I go about creating a rollover button for a search form?
Avatar of bobby101
bobby101

html
<input type="submit" value="Submit" class="button" />

css
.button {
    border: 1px solid #006;
    background: #blue;
}
.button:hover {
    border: 1px solid #f00;
    background: #red;
}
Avatar of kingweb

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==this.defaultValue){this.value='';}" />
</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
Avatar of bobby101
bobby101

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial