Modifier le curseur à la main lorsque la souris passe sur une ligne dans la table

Question

Comment puis-je changer le pointeur du curseur à la main quand ma souris passe sur un <tr> en <table>

<table class="sortable" border-style:>
  <tr>
    <th class="tname">Name</th><th class="tage">Age</th>
  </tr>
  <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr>
  <tr><td class="tname">Kate</td><td class="tage">36</td></tr>
  <tr><td class="tname">David</td><td class="tage">25</td></tr>
  <tr><td class="tname">Mark</td><td class="tage">40</td></tr>
</table>

Answer 1

Vous pouvez le faire sans javascript en fait.

.sortable tr:hover {
    cursor: pointer;
}

Les normes du W3C en fait de permettre l' :hover de la pseudo-classe pour être annexé à divers éléments, pas seulement des liens.

Answer 2

La façon la plus simple que j'ai trouvé est à ajouter

style="cursor: pointer;"

pour vos tags.

Answer 3

Ajouter cursor: pointer de votre css.

Answer 4

Pour assurer la compatibilité avec IE < 6 utilisation de ce style dans cet ordre:

.sortable:hover {
    cursor: pointer;
    cursor: hand;
}

Mais n'oubliez pas que IE < 7 prend en charge l' :hover pseudoclass seulement avec <a> élément.

Answer 5

Utiliser le style cursor: pointer; dans le CSS de l'élément que vous souhaitez le curseur pour changer sur.

Dans votre cas, vous devez utiliser (dans votre .fichier css):

.sortable {
    cursor: pointer;
}