Crea un
hover y en el deberás cambiar el color del borde del botón, igual que el color de fondo, todo esto a un color más claro, eso es lo que yo habria hecho en tu lugar.
Código CSS:
Ver originalinput {
background-color: #173B0B;
height: 25px;
width: 50px;
color: white;
border-radius: 5px;
border-left: 1px solid #898989;
border-top: 1px solid #898989;
border-right: 1px solid #494949;
border-bottom: 1px solid #494949;
}
input:hover {
background-color: #4B8A08;
}
No se porque razón no me deja hacer
hover mientras está activado el gradient, pero por si acaso, el mismo efecto lo puedes conseguir con una imagen con degredado.
En caso de querer hacerlo con una imagen degradada solo deberás hacer una imagen para el botón sin pulsar y otra para el botón al ser pulsado, luego las pasas por el hover y listo. Saludos!