Survol input file, Firefox changer curseur souris

**sterix92** · 06/08/2008, 17h02

Bonjour,

Je souhaite changer le curseur de la souris au survol d'un champ input file. Cela fonctionne pour IE mais pas pour Firefox (J'ai test� en mettant le :hover { cursor:pointer; } dans le css

Voici un exemple de code de test :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
<html>
 
<body>
 
<input style="cursor:pointer;" type="file" name="fichier" id="fichier" />
 
</body>
 
</html>

Merci par avance pour votre aide.

**_ash_** · 06/08/2008, 17h17

L'allure du curseur peut �tre modifi� par l'utilisation d'une feuille de style :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
.fichier{
  cursor: pointer;
}

cf http://xhtml.developpez.com/faq/?pag...RSOR_apparence

**Dark Ryus** · 06/08/2008, 17h18

essai de mettre

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

onmouseover=\"this.style.cursor='hand';this.style.cursor='pointer'\"

Je ne sais pas si �a marche ... j'ai pas le temps de tester

**Oscar Hiboux** · 06/08/2008, 17h35

Effectivement, �a ne marche pas avec Firefox... :) Ni la r�gle CSS, ni la solution de Dark Ryus.

Ah, le champ "file", quelle petite vermeille, euh... merveille...

**sterix92** · 06/08/2008, 18h12

Il faut absolument trouver une m�thode propre ou artisanale !

Aider moi svp !

**Oscar Hiboux** · 06/08/2008, 18h23

Tu peux peut-�tre essayer d'introduire une sorte d'�l�ment cach� ("div" par exemple), invisible, sans contenu, juste au dessus de ton champ en adaptant ses dimensions � celui de ton champ. Puis, sur cet �l�ment tu branches un �couteur pour savoir si la souris survol cet �l�ment et � ce moment l�... hmm... je crois que j'�cris des b�tises l�...

Franchement, je ne vois pas trop. Pour changer l'apparence du curseur il faut forc�ment passer par le CSS � ma connaissance. Et CSS nous le permet que lorsque le curseur est au dessus d'un �l�ment donn�. Si tu veux avoir un curseur particulier au dessus de ton �l�ment il faut que la r�gle CSS s'y applique convenablement. Autrement il faudrait voiler ton champ (un peu comme dans mon d�lire ci-dessus) par qqchose de non-obstructif ou bien avoir le plein contr�le sur l'�l�ment que tu bidouilles. Mais l�, avec ce fichu champ "file", c'est une autre affaire...

Ouais, j'suis pas trop optimiste, pardon. ^^'

Survol input file, Firefox changer curseur souris

JavaScript

Vue hybride

Discussions similaires

Partager

Partager