come cambio i bottoni in default?

[silvertears]

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:

.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:

<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.

[pierofix]

Io, per farti un esempio, ho semplicemente usato delle immagini di sfondo. Guarda in questa pagina:

- http://www.itgmarinoni.it/visita/inf...i/galleria.php

[silvertears]

Originariamente inviato da pierofix
Io, per farti un esempio, ho semplicemente usato delle immagini di sfondo. Guarda in questa pagina:

- http://www.itgmarinoni.it/visita/inf...i/galleria.php

ti ringrazio, io comunque vorrei evitare se possibile di usare immagini di sfondo.

[pierofix]

Ah, scusa, non avevo assolutamente capito: di venerdì pomeriggio sono stranamente sempre distratto.

Proviamo a fare il ragionamento inverso: per arrivare a quei bruttissimi pulsanti viola hanno sicuramente agito su background e border. In teoria (e sottolineo "in teoria") basterà dare valore inherit a queste proprietà.

Proviamo una cosa del genere:

.ilPulsanteStileXP {
   background:inherit;
   border:inherit;
}

Prova e facci sapere.

[silvertears]

niente da fare, ora hanno preso il colore dello sfondo ma per il resto non è cambiato nulla