comment définir le curseur de style de pointeur pour les liens sans hrefs

J'ai beaucoup de <a> des balises html sans le href attribut pour faire 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 la href 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 la href attribut.

  • Au revoir la façon, quand vous dites lien, entendez-vous comme "<a id="do_some_javascript">test</a>"? Ou est-ce juste un span ou div tag qui fait du javascript?
InformationsquelleAutor kevin | 2010-03-09
  1. 201

    dans votre fichier css ajouter ce....

    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 l'ajouter avec le :hover sélecteur.

    • À l'aide de :hover n'est pas nécessaire, et il n'est pas garanti pour fonctionner sur des liens sans un href.
    • je ne sais pas d'où cela ne fonctionnerait pas. c'est une bonne façon d'apprendre, vous voudrez peut-être ajouter d'autres comportements similaires les liens avec un attribut href: un changement d'arrière-plan, souligné, couleur, et al.
    • Il a été un moment depuis que j'ai utilisé, mais pour < IE6, il pourrait être intéressant d'ajouter un commentaire conditionnel pour le lien vers les styles mettant en vedette cursor: hand;
    • Vous n'avez pas besoin de commentaire conditionnel - juste le faire .myStyle {cursor: hand;curseur:pointeur;} - les navigateurs les plus récents ignore main attribut, car ils ne peuvent pas comprendre de toute façon. Aussi IE6 va encore comprendre pointeur de la main est pour ie5 et ci-dessous.
    • L'aide en elle-même peut causer certains problèmes, bien. Surtout dans IE car ils déclenchent OnBeforeUnload même si vous ajoutez return false; Même un lien javascript:void(0); causes OnBeforeUnload à être appelé. J'ai eu un mal de tête important avec ce problème au travail...
    • c'est vrai, mais je tiens à garder ie-modifications spécifiques dans leur propre fichier. Juste pour les fins de l', tu sais, hygiène et d'autres choses... =b (oh, et je n'étais pas sûr pour laquelle incarnation hand a été utilisé. Et j'espère vraiment il n'y a pas significative dans-le-sauvage de l'utilisation de IE5 de ces jours...)
    • IE peut bien jeter quelque obscure clé dans les travaux - c'est ce qu'il fait de mieux. J'ai cité Une Liste à Part au-dessus car c'est leur recommandation pour onclick comportement.
    • Cela ne fonctionne pas. Le curseur est modifié pour text au lieu de pointer dans google Chrome.
    • pourriez-vous poster un exemple de ceci ne fonctionne pas? Qui aiderait à déterminer si c'est " il " ou votre mise en œuvre de ce qui ne fonctionne pas

    InformationsquelleAutor Ross
  2. 15

    Viens de l'ajouter à votre feuille de style CSS:

    a { cursor: pointer; }

    De cette façon, vous n'êtes pas dépendant sur le navigateur par défaut du curseur de style plus.

    • Ne fonctionne pas. Le curseur est modifié pour text au lieu de pointer dans google Chrome.
    InformationsquelleAutor BalusC
  3. 8

    style="curseur: pointeur;"

    InformationsquelleAutor mxmissile
  4. 6

    C'est comment changer le curseur d'une flèche de la main lorsque vous placez le pointeur sur une donnée object (monobjet).

    myObject.style.cursor = 'pointer';
    • Tout d'abord, bienvenue DONC, Lou! Lors de la publication/répondeur, assurez-vous d'être aussi informatif que possible et n'oubliez pas de formater votre code d'exemples (comme je l'ai fait pour vous).
    InformationsquelleAutor Lou
  5. 4

    Leur donner à tous une classe commune (par exemple le lien). Puis ajouter les feuilles de style css fichier:

    .link { cursor: pointer; }

    Ou comme @mxmissile suggéré, le faire en ligne avec style="curseur: pointeur;"

    InformationsquelleAutor Alxandr
  6. 4

    créer une classe avec le code CSS suivant et de l'ajouter à vos tags avec onclick événements:

    cursor:pointer;
    InformationsquelleAutor Dan
  7. 3

    Utiliser les CSS cursor: pointer si je me souviens bien.

    Soit dans votre fichier CSS:

    .link_cursor
{
    cursor: pointer;
}

    Puis il suffit d'ajouter le code HTML suivant à tous les éléments que vous souhaitez avoir le lien du curseur: class="link_cursor" (la méthode préférée.)

    Ou de l'utilisation du CSS:

    <a style="cursor: pointer;">
    InformationsquelleAutor Andy Shellam
  8. 0

    Angulaire version:

    <a (click)="action(); $event.preventDefault()" href="#">Action</a>
    InformationsquelleAutor chachan