Comment définir le style du curseur sur le pointeur pour les liens sans hrefs

J'ai beaucoup de <a> tags html sans l'attribut href pour faire des appels javascript. Ces liens n'ont pas de pointeur de style de curseur. Ils ont un curseur de style de texte.

Comment puis-je définir le style du curseur sur le pointeur pour les liens sans utiliser l'attribut href ?

Je sais que je peux ajouter href = "#". Je l'ai dans de nombreux endroits dans le document html et j'aimerais savoir comment faire un pointeur de style de curseur pour les liens sans utiliser l'attribut href .

Dans votre fichier css, ajoutez ceci ….

 a:hover { cursor:pointer; } 

Si vous n'avez pas de fichier css, ajoutez-le à la HEAD de votre page HTML

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

Vous pouvez également utiliser l'attribut href = "" en renvoyant un faux à la fin de votre 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 javascript, le href = "" fonctionnera. par exemple

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

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

Edit: Il convient de noter la réponse de BalusC à laquelle il mentionne :hover n'est pas nécessaire pour le cas d'utilisation de l'OP. Bien que d'autres styles puissent être ajoutés avec le sélecteur :hover .

Ajoutez simplement ceci à votre style CSS global:

 a { cursor: pointer; } 

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

Style = "curseur: pointeur;"

Donnez-leur une classe commune (par exemple, un lien). Ensuite, ajoutez le fichier css:

 .link { cursor: pointer; } 

Ou comme le suggère @mxmissile, faites-le en ligne avec style = "curseur: pointeur;"

Utilisez le cursor: pointer CSS cursor: pointer si je me souviens bien.

Soit dans votre fichier CSS:

 .link_cursor { cursor: pointer; } 

Ensuite, ajoutez simplement le code HTML suivant à tous les éléments que vous souhaitez avoir le curseur de liaison: class="link_cursor" (la méthode préférée.)

Ou utilisez CSS en ligne:

 <a style="cursor: pointer;"> 

Créez une classe avec le CSS suivant et ajoutez-le à vos tags avec les événements onclick:

 cursor:pointer; 

C'est ainsi que changer le curseur d'une flèche à l'autre lorsque vous roulez sur un object donné (myObject).

 myObject.style.cursor = 'pointer';