web-dev-qa-db-fra.com

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

J'ai beaucoup de <a> balises HTML sans l'attribut href pour passer onclick appels javascript. Ces liens n'ont pas de style de pointeur de curseur. Ils ont le curseur de style de texte.

Comment définir le style de curseur sur Pointeur pour les liens sans utiliser l'attribut href?

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

javascripthtmlcsshyperlinkcursor
124
kevin

ajoutez ceci dans votre fichier css ....

a:hover {
 cursor:pointer;
}

si vous n'avez pas de fichier css, ajoutez-le au HEAD de votre page HTML

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

vous pouvez aussi utiliser l'attribut href = "" en renvoyant false à la fin de votre javascript.

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

c'est bon pour plusieurs 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: A noter que @ [BalusC réponse où 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

200
Ross

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.

14
BalusC

style = "curseur: pointeur;"

6
mxmissile

Voici comment changer le curseur d'une flèche à une main lorsque vous survolez un object (myObject) donné.

myObject.style.cursor = 'pointer';
5
Lou

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

.link { cursor: pointer; }

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

4
Alxandr

créez une classe avec le CSS suivant et ajoutez-la à vos balises avec des événements onclick:

cursor:pointer;
3
Dan

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;">
2
Andy Shellam