CSS: Comment rendre le curseur pour devenir un pointeur sur le fichier d'entrée?
Comment puis-je faire le curseur pour devenir un pointeur sur un fichier d'entrée ou une entrée de texte lorsque vous passez?
Ma essayer mais cela ne fonctionne pas, bien sûr,
<input type="file" style="cursor: pointer;"/>
Ou dois-je utiliser javascrip (jquery)??
EDIT:
Désolé de mon erreur, le curseur ne change pas d'un point sur
<input type="text" style="cursor: pointer;"/>
Mais pas sur
<input type="file" style="cursor: pointer;"/>
Vous pouvez tester ce lien sur Firefox alors vous voyez ce que je veux dire.
Seulement la button
de file
changement du pointeur mais pas le input field
de file
.
EDIT 2:
Ici est mon CSS "hack",
<div id="right-col" style="position:relative; width:76px; height:24px; overflow:hidden; border:1px solid #000;">
<input type="file" style="position:absolute; top:0; right:0; z-index:2;opacity:1; cursor:pointer;"/>
</div>
Il devient un pointeur pour
oui c'est sur le bouton, mais pas lorsque vous passez votre souris sur la
Ne crois pas que cela est possible. Mais pourquoi sur la Terre voudriez-vous faire cela? Le point du curseur de texte est de montrer que, vous pouvez saisir du texte...
essentiellement, c'est le navigateur de mise en œuvre spécifiques et non pas sous votre contrôle.
Lorsque vous cliquez sur le champ à l'intérieur du fichier d'entrée, elle se comporte comme si vous avez cliqué sur le bouton de toute façon, ce pourrait tout aussi bien ressembler à la même chose sur le champs comme sur le bouton. Mais, hélas, pas réparable dans Firefox. Peut être fixé en Chrome avec ::-webkit-file-upload-bouton { curseur: pointeur }
input type="file"
lorsque vous passez la souris sur le bouton, et pour input type="text"
lorsque vous passez la souris sur le champ de texte.oui c'est sur le bouton, mais pas lorsque vous passez votre souris sur la
input field
de file
.Ne crois pas que cela est possible. Mais pourquoi sur la Terre voudriez-vous faire cela? Le point du curseur de texte est de montrer que, vous pouvez saisir du texte...
essentiellement, c'est le navigateur de mise en œuvre spécifiques et non pas sous votre contrôle.
Lorsque vous cliquez sur le champ à l'intérieur du fichier d'entrée, elle se comporte comme si vous avez cliqué sur le bouton de toute façon, ce pourrait tout aussi bien ressembler à la même chose sur le champs comme sur le bouton. Mais, hélas, pas réparable dans Firefox. Peut être fixé en Chrome avec ::-webkit-file-upload-bouton { curseur: pointeur }
OriginalL'auteur laukok | 2011-08-23
Vous devez vous connecter pour publier un commentaire.
Ne peut pas être fait. L'entrée de type de fichier est l'un des la plupart des objets protégés par les navigateurs. Certains navigateurs vous permettent de faire plus de choses que d'autres, selon ce qu'ils considèrent comme "sûr".
Vous pouvez utiliser un flash bouton pour ça. En fait, il ya de très belles plugins écrits pour faire du téléchargement du fichier une belle chose, comme Uploadify.
Ce n'est pas le style d'un fichier d'entrée, c'est de le cacher.
OriginalL'auteur Dunning-Kruger
Vous pouvez faire ce vilain jQuery hack:
Mais il empêche l'animation que vous voyez normalement lorsque vous mousedown sur un élément de bouton. JSFiddle
OriginalL'auteur Paulpro
Nan... c'est comment vous le faites. Comparer ici.
Je suis sur Firefox 6 et il s'applique seulement à la touche, pas le champ de texte à côté d'elle.
Travaille dans 13.0.782.112
Donc, testé sous IE, ça fonctionne, Chrome, ça fonctionne, Firefox, ça ne fonctionne pas. Sonne comme un bug Firefox.
OriginalL'auteur Joseph Marikle
Vous pouvez mettre une image à la place, et de faire comme ceci:
HTML:
JQuery:
Mise en garde:
Dans IE9 et IE10 si vous déclenchez le onclick dans un fichier d'entrée via javascript le formulaire est marqué comme "dangereuses", et ne peut pas être submmited avec javascript, pas sûr si elle peut être soumis traditionaly.
OriginalL'auteur ParPar
Vous pouvez essayer à la place de tout wrapper pour les entrées de type "fichier".
Vérifier cela ...
http://jsfiddle.net/pFK74/
OriginalL'auteur Imran