comment définir le style de curseur sur un pointeur pour des liens sans hrefs

Question

J'ai beaucoup d' <a> balises html sans l' href d'attribut pour la fabrication de onclick javascript appels. Ces liens n'ont pas un pointeur style de curseur. Ils ont un style de texte du curseur.

Comment puis-je régler le curseur de style de pointeur pour les liens sans l'aide de l' href d'attribut?

Je sais que je peux ajouter href="#". J'ai ça dans beaucoup d'endroits dans le document html, et voudrais savoir comment faire du curseur de style pointeur pour les liens sans l'aide de l' href d'attribut.

Answer 1

dans votre fichier css à ajouter....

a:hover {
 cursor:pointer;
}

si vous n'avez pas de fichier css, ajoutez ceci à la TÊTE de votre page HTML

<style type="text/css">
 a:hover {
  cursor:pointer;
 }
</style>

vous pouvez également utiliser le href=" attribut", en retournant false à la fin de votre code javascript.

<a href="" onclick="doSomething(); return false;">a link</a>

c'est bon pour de nombreuses raisons. SEO ou si les gens n'ont pas le javascript, le href="" fonctionnera. par exemple

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a>

@voir http://www.alistapart.com/articles/behavioralseparation

Edit: intéressant de noter @BalusC de réponse où il mentionne :hover n'est pas nécessaire pour l'OP du cas d'utilisation. Bien que d'autres style peut être ajouter à l' :hover - sélecteur.

Answer 2

Ajoutez simplement ceci à votre style CSS global:

 a { cursor: pointer; }
 

De cette façon, vous ne dépendez plus du style de curseur par défaut du navigateur.

Answer 3

style = "curseur: pointeur;"

Answer 4

Donnez-leur tous une classe commune (par exemple link). Ajoutez ensuite dans css-file:

 .link { cursor: pointer; }
 

Ou, comme suggéré par @mxmissile, faites-le en ligne avec style = "cursor: pointeur;"

Answer 5

Utilisez CSS cursor: pointer si je me souviens bien.

Soit dans votre fichier CSS:

 .link_cursor
{
    cursor: pointer;
}
 

Ensuite, ajoutez simplement le code HTML suivant aux éléments pour lesquels vous souhaitez placer le curseur de lien: class="link_cursor" (méthode préférée).

Ou utilisez des CSS en ligne:

 <a style="cursor: pointer;">