Posted by Jonathan N. Little on 05/15/06 02:35

KiwiBrian wrote:
> I have the following entry in a form.
>
> <div style="padding: 5px;">1 refill
> <input value=" Order " name="B1" type="submit">
> </div>
>
> How can I add/apply a hover style so that the word "Order" will change from
> green to red on hover?
>
> Thaks for any help
> I am reasonably familiar with HTML and CSS.
> Brian Tozer
>
>


<style type="text/css">
..dynamic { color: green; }
..dynamic:hover { color: red; }
</style>

<div style="padding: 5px;">1 refill
<input class="dynamic" value=" Order " name="B1" type="submit">
</div>

Of course only works in modern web browsers, for IE<=6.x you will need a
JavaScript solution


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

• Next in forum: Re: ul/li menu problem, not stopping onmouseout
• Prev in forum: Re: Bloggish Things Of Varying Sorts
• Thread view: Re: CSS within a Form query

[Reply to this message]