Here's what I use for CSS buttons:
button.tpl
Code:
{if $config.Adaptives.platform eq 'MacPPC' && $config.Adaptives.browser eq 'NN'}{assign var="js_to_href" value="Y"}{/if}
{if $type eq 'input'}{assign var="img_type" value='INPUT type="image"'}{else}{assign var="img_type" value='IMG'}{/if}
{assign var="js_link" value=$href|regex_replace:"/^\s*javascript\s*:/Si":""}
{if $js_link eq $href}{assign var="js_link" value="javascript: self.location='`$href`'"}
{else}{assign var="js_link" value=$href}{if $js_to_href ne 'Y'}{assign var="onclick" value=$href}{assign var="href" value="javascript: void(0);"}{/if}{/if}
<TABLE border="0" cellspacing="0" cellpadding="2" onclick="{$js_link}" style="cursor: pointer;" {if $title ne ''} title="{$title}"{/if}>
<TR>
<TD class="Button2Off" valign="middle" onMouseOver="this.className='Button2On'" onMouseOut="this.className='Button2Off'"><SPAN class="Button2">{$button_title}</span></TD>
</TR>
</TABLE>
Add these two classes to skin1.css and skin1_admin.css:
Code:
.Button2On {COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; Background-color: #3D9E6A; border: 1px solid #3D9E6A;}
.Button2Off {Background-color: #cccccc; COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; border: 1px solid #666666;}
Adjust the colors accordingly. Only catch with this is that you can't use 'enter' for form submission, you have to actually click on the button.