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

Discussions similaires

Partager

Partager