272 votes

Changer le texte par défaut dans type d'entrée = "fichier"?

Je souhaite modifier le texte par défaut du bouton " Choose File " lorsque nous utilisons input="file" .

entrez la description de l'image ici

Comment puis-je faire ceci? Aussi, comme vous pouvez le voir dans l'image, le bouton est à gauche du texte. Comment puis-je le mettre sur le côté droit du texte?

59voto

Shiv Kumar Points 5939

Chaque navigateur a sa propre version de la commande et en tant que tel, vous ne pouvez pas modifier le test ou l'orientation de la commande.

Il y a quelques "sorte de" hacks que vous pouvez essayer si vous voulez un code html/css de la solution plutôt que d'un Flash ou Silverlight solution.

http://www.quirksmode.org/dom/inputfile.html

http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom

http://www.appelsiini.net/projects/filestyle

Personnellement, parce que la plupart des utilisateurs s'en tenir à leur navigateur de choix, et par conséquent sont probablement habitués à voir le contrôle dans le rendu par défaut, ils seraient probablement obtenir confus si ils ont vu quelque chose de différent (selon les types d'utilisateurs, vous avez à traiter avec des).

13voto

Anuraj Points 6835

Ce n'est pas possible. Sinon, vous devrez peut-être utiliser le contrôle de téléchargement Silverlight ou Flash.

7voto

Sergey Bogdanov Points 131

Aujourd'hui, il est possible de styliser vos boutons de saisie de fichiers avec HTML5. Voici un exemple: http://html5-demos.appspot.com/static/styled_file_input.html

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X