A ver si te sirve este...
Dentro de <style type="text/css">...</style> , en <head>:
CSS
Código:
.InputBotonNormal {
font-family: Arial Black, Arial;
font-weight: 900;
text-align: center;
width: 240px;
border-width: 5px;
border-style: outset;
}
.InputBotonClick {
font-family: Arial Black, Arial;
font-weight: 900;
border-width: 5px;
border-style: inset;
background-color: #FFFF00;
text-align: center;
width: 240px;
}
.InputBotonOver {
font-family: Arial Black, Arial;
font-weight: 900;
border-width: 5px;
border-style: outset;
text-align: center;
background-color: #00FF00;
width: 240px;
}
Dentro de <form>...</form>, en <body>:
HTML
Código:
<input type="button"
class="InputBotonNormal"
value="Clickeame"
onmousedown = "this.className='InputBotonClick'"
onmouseup = "this.className='InputBotonNormal'"
onmouseover = "this.className='InputBotonOver'"
onmouseout = "this.className='InputBotonNormal'">