2091 votes

Comment puis-je faire le curseur d'une part lorsqu'un utilisateur passe sur un élément de la liste?

J'ai une liste, et j'ai un gestionnaire d'événements click pour ses éléments:

<ul>
  <li>foo</li>
  <li>goo</li>
</ul>

Comment puis-je changer le pointeur de la souris dans une main pointeur (comme lors de l' hovering sur un bouton)? Maintenant le pointeur se transforme en une sélection de texte pointeur lorsque j'passez la souris sur les éléments de la liste.

Merci.

3463voto

Aren Points 17843

Edit: À la lumière du passage du temps, comme les gens l'ont mentionné, vous pouvez simplement utiliser:

li { cursor: pointer; }

Réponse Originale À Cette Question:

En fait étendre sur les réponses précédentes, les différents navigateurs utilisent des noms différents.

li { cursor: pointer; cursor: hand; }

Vous serez couvert dans tous les cas.

163voto

Vous n'avez pas besoin de jQuery pour cela, utilisez simplement le code css suivant:

li {cursor: pointer}

Et voilà!! À portée de main.

80voto

Alastair Points 1492
li:hover {
    cursor: pointer;
}

Les autres valeurs valides ( hand est pas) de la spécification HTML peut être consulté ici.

45voto

biancardi Points 189

utilisation

cursor: pointer;
cursor: hand;

si vous voulez avoir un crossbrowser la suite!!!

20voto

Xedret Points 399
li:hover {cursor: hand; cursor: pointer;}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X