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';