CSS Form (Button) elements - Rollovers?

[rockyroad]

Hello,

I know it relatively easy to assign rollover affects to <a> elements using css classes that will define the link, visited, active and hover states of an element.

Is there a way to accomplish a similar effect with the &quot;Button&quot; element?

for example, I'd like to build in a style that will style this button:

<input type=&quot;button&quot; value=&quot;Add Document&quot; class=&quot;button&quot;>

currently, I have a style class that styles these elements,

.optionButton {
font-size: 8pt;
color: #000000;
font-weight: normal;
background: lavender;
cursor: pointer;
width: 100px;
align: center;
border-color: 006699;
border-width: 1px;
}

but I would like to update this to somehow add in the ability to change background on rollover for example.

Thanks!

RR

 

[vbkris]

why not try images???

Known is handfull, Unknown is worldfull

 

[philote]

Well, you CAN do a :hover for the button, like you do with <a>'s in CSS. It's not supported by all browsers though.
See here for a little more info:

http://www.quirksmode.org/css/hover.html#

Kevin
A+, Network+, MCP