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 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