Comment transformer le curseur en main lorsqu'un utilisateur survole un élément de liste ?

Question

J'ai une liste, et j'ai un gestionnaire de clics pour ses éléments :

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

Comment puis-je transformer le pointeur de la souris en un pointeur de main (comme lorsque l'on survole un bouton) ? Actuellement, le pointeur se transforme en un pointeur de sélection de texte lorsque je passe la souris sur les éléments de la liste.

Answer 1

Compte tenu du temps qui passe, comme certains l'ont mentionné, vous pouvez désormais vous contenter de l'utiliser en toute sécurité :

li { cursor: pointer; }

Answer 2

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

li {cursor: pointer}

Et voilà ! C'est pratique.

Answer 3

Utilisez :

li:hover {
    cursor: pointer;
}

D'autres valeurs valables (qui hand es pas ) pour la spécification HTML actuelle peut être consulté aquí .

Answer 4

Utilisez

cursor: pointer;
cursor: hand;

si vous voulez avoir un résultat crossbrowser !

Answer 5

li:hover {cursor: hand; cursor: pointer;}