Modifier libellé d'un bouton parcourir

Bonjour,

Je suis ennuyé avec un formulaire qui fait appel à un bouton parcourir.

Comme mon site est en "responsive design", le problème vient de l'affichage en 320px (smartphone).

Le formulaire fonctionne très bien mais c'est plutôt le libellé qui est associé au bouton parcourir.

Pour faire plus clair...

Sur firefox par exemple, le navigateur affiche par défaut, à côté du du bouton "parcourir" le libellé : "Aucun fichier sélectionné" puis si je charge un fichier, il va noter son nom.

C'est là, que ça me pose problème parce que je n'ai pas beaucoup de place d'affichage et si le nom du fichier est trop long, ça explose mon design.

Avez-vous une astuce?

salut,
tu ne pourras pas faire grand chose pour la mise en page des <input type=file>, il faut feindre tout cela où il te faudra aussi un soupçon de JS. L'idée est de recrée ton propre input type file en gardant un vrai avec une "position:absolute" et une opacité de 0.
Voilà ce que ça donnerait.