Salve a tutti, vi espongo subito la mia questione:

mi ritrovo con un forum nel quale vorrei modificare la visualizzazione di alcuni bottoni.

Nel codice html la dichiarazione dei bottoni è accompagnata ognuna da un class="button" e infatti i suddetti bottoni seguono l'impostazione data nel file css.

I bottoni così come si vedono ora sono così:

io invece vorrei passare a una visualizzazione tipo questa:


Quello che segue è il codice css che implementa i bottoni:

codice:
.codebuttons{ 
	font-family: Verdana, Helvetica, Sans-Serif; 
	font-size: 10px; 
	vertical-align: middle;
	margin:2px;
}
.textarea,
.searchinput,
.button,
.gobutton{
	background: #A8B2D9;
	border: 1px solid #4F535B;
	color: #000000;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	padding: 2px;
	vertical-align: middle;
}
	
.button{
	background: #5E6282;
}

.gobutton{
	background: transparent;
	border: 0;
	color: #131619;
	margin: 0;
	vertical-align: middle;
}

input.button{
	margin: 0;
	width: auto;
}
Questo è tutto il pezzo di css dove compare la parola button, scusate ma sono alle prime armi con questo linguaggio e per evitare di postare codice importante forse ho esagerato scrivendone anche di superfluo.

Comunque nell'html poi il bottone viene creato in questo modo:

codice:
<input type="submit" name="gobutton" value="ecc...ecc" class="button" />
A questo punto vi chiedo, come posso fare a modificare il css in modo tale che i bottoni mi vengano appunto visualizzati secondo la formattazione standard di windows e quindi secondo la seconda immagine che ho postato?

Certo potrei anche agire direttamente da html togliendo la classe e mettendo un type input button, ma vorrei evitare di fare una cosa del genere per vari motivi di carattere pratico.

Ringrazio in anticipo tutti coloro che proveranno a darmi una mano.

ciao.