Du css sur mon input type="file"

Bonjour,

J'ai designé mon formulaire en css pour que tous mes inputs aient la même largeur, malheureusement j'ai un input de type "file" qui à un bouton "parcourir" à côté du champ.
J'ai créé une class spécifique pour réduire la largeur de champ mais ça ne marche pas (le champs passe sous le bouton parcourir).
Ce problème d'affichage ne se produit que sous Firefox (sous IE c'est nickel).
Auriez-vous une solution ?
Merci.

Voici les css que j'utilise :

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 250px;
	border: solid 1px #FF6600;
	background-color: #FFFFCC;
}
#input_new_photo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	border: solid 1px #FF6600;
	background-color: #FFFFCC;
}

et l'html :

<form ......>
.....
<label>Changer ma photo :</label>
<input type="file" name="new_photo" id="input_new_photo">
.....
</form>

Modifié par Taly (23 May 2006 - 16:20)

Tu selectionnes ton bouton parcourir dans le mode creation et dans proprietes tu as : largeur de caractere, tu rentres un chiffre..25,20,50,à toi de voir...

J'ai le présentiment d'avoir répondu à coté de la plaque la

Dans ton input, tu mets l'attribut "size".

<input type="FILE" value="" name="champ" size="50">

La largeur est exprimé en caractères, et non en pixels ou autre.
Je crois
Modifié par TheReverendEVIL (23 May 2006 - 16:24)

j'ai essayé avec "size" mais ça à le même effet que si j'utilise ma css avec la propriété "width" : l'affichage est identique...

Salut.
Le bouton parcourir est non-modifiable pour ne pas déstabiliser l'utilisateur.
Modifié par Ralfman68 (23 May 2006 - 19:49)

je ne veux pas modifier le bouton parcourir, je veux juste qu'il se place à côté du champ de saisie et non par-dessus.

en faite je viens de remarquer que c'est le style background-color qui passe derrière le bouton parcourir.

est-ce qu'il est possible de n'affecter un style qu'au champ de saisi de cet input ??