Redimensionner le type d'entrée = "fichier" bouton de navigation dans Firefox?
Est-il de toute façon à l'aide de CSS ou JS que vous pouvez redimensionner le input type="file" bouton Parcourir dans firefox?
Je sais que vous ne pouvez pas modifier le texte du bouton, mais tout ce que je dois faire est de faire de ce bouton plus large pour firefox. Donc, à l'aide d'un -moz règle css, ce serait parfait.
source d'informationauteur Fostah
Vous devez vous connecter pour publier un commentaire.
Style de fichier de boutons d'entrée est très limité pour des raisons de sécurité. Il y a quelques solutions, mais aucune n'est parfaite. Découvrez cet article sur QuirksMode:
http://www.quirksmode.org/dom/inputfile.html
Edit: Comme d'autres l'ont noté firefox ne prend pas en suuport la méthode ci-dessous, je vous renvoie au lien suivant http://www.quirksmode.org/dom/inputfile.html
La suite est assez simple solution. Je vous conseille d'ajouter une classe à l'étiquette. Fondamentalement, vous le style de l'étiquette à la place de l'entrée en évitant les problèmes de navigateur et la largeur et la hauteur de bugs:
CSS
http://jsfiddle.net/DVLxp/
Ici est l'idée principale: http://www.quirksmode.org/dom/inputfile.html
Et cela pourrait être utile pour le redimensionnement de la zone de saisie
Fonctionne très bien pour moi.
Essayez celui-ci: http://jsfiddle.net/CnHj5/
Fonctionne dans Firefox et une belle pointeur curseur est disponible.
HTML:
CSS:
Ce que les sites web peuvent faire quand ils ont besoin d'un "sur-mesure" téléchargement de fichiers widget: avoir le "vrai" champ d'envoi de fichier caché. Ajouter un champ de texte qui affiche la valeur actuelle de l'upload d'un fichier de champ et un bouton pour déclencher une sélection de fichier dans le champ d'envoi de fichier. Voici un exemple:
Comme pour moi, Zhenya Shevchenko a donné l'une des meilleures solutions de travail. À l'aide de sa méthode, nous pouvons créer de la croix-navigateur de fichier d'entrée bouton: http://jsfiddle.net/JHcFR/