personalizzare il pulsante di un input file

[jonathanphp]

Ciao a tutti!

ho un input file in un form in modo da poter fare l'upload di un'immagine:

<input name="logo" type="file" id="upload_logo" class="inputsearchtopfile" value="">

Ho personalizzato il tutto con questo codice css:

.inputsearchtopfile{
	padding:0.35em;
	width:437px;
	border:1px solid #ddd;
	background:#fafafa;
	color:#c9c9d0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.inputsearchtopfile:hover, .inputsearch:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
}

Mi piace molto, l'unica cosa che lascia a desiderare è il pulsante grigio standard, in che modo posso personalizzarlo?

Grazie



P.S. Cosa molto strana su mozilla firefox, la larghezza non la prende, la barra rimane piccola mentre su chrome si!

[carlomarangoni]

Quel tipo di pulsante non si modifica

[jonathanphp]

ma sei sicuro? su altri siti vedo che sono personalizzati...

cmq come mai la larghezza della barra di input non aumenta? resta piccola su firefox quando poi nel css l'ho settata a 437px, su chrome e iexplorer no.

Cmq questi css si sballano quando cambio browser... che casino

[carlomarangoni]

Originariamente inviato da jonathanphp
ma sei sicuro? ...

Si! Lunico modo è usare js+css