Struts 2 - Use custom design (from CSS) on submit buttons

[Santhosh Kalisamy]

Friends,

We are developing a new application on Struts 2. We do have standed design for the buttons, labels, error messages used in the application.

Our button example looks like:
.bfsbutton { border-top: 1px solid #ffffff; background: #90b419; background: -webkit-gradient(linear, left top, left bottom, from(#b1d53a), to(#90b419) ); background: -webkit-linear-gradient(top, #b1d53a, #90b419); background: -moz-linear-gradient(top, #b1d53a, #90b419); background: -ms-linear-gradient(top, #b1d53a, #90b419); background: -o-linear-gradient(top, #b1d53a, #90b419); padding: 8px 55px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; box-shadow: rgba(0, 0, 0, 1) 0 1px 0; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: white; font-size: 16px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; } .bfsbutton:hover { border-top-color: #7ea207; background: #7ea207; color: #ccc; } .bfsbutton:active { border-top-color: #ffffff; background: #ffffff; }

When I try,

<s:submit method="execute" key="label.login" align="center" cssClass="bfsbutton"/>

It didn't work out. It is still displaying the standard format. I have tried to change theme (on struts.xml) to "simple" [or] "css-xhtml".

Can you anyone give me the steps to use this CSS style on the s:submit, please.

[Santhosh Kalisamy]

Strangly, this is working good with Firefox. But, IE is not working. Any help, please.

Firefox version : 14.0.1
Internet Explorer : 9.0.8xxx