L'attribut <A> donne le curseur d'édition en cas de survol

Question

Je définis trois boutons de menu

<div id="buttonscontainer">
    <ul>
    <li><a unselectable="on" value="insert" onClick="insertText('[BEFORE]', '[AFTER]'); return false;">Bold</a></li>
    <li><a unselectable="on" value="insert" onClick="insertText('[BEFORE]', '[AFTER]'); return false;">Italic</a></li>
    <li><a unselectable="on" value="insert" onClick="insertText('[BEFORE]', '[AFTER]'); return false;">Image</a></li>
    </ul>
    </div>

J'utilise <a> pour créer un simple bouton de texte avec un jscript OnClick.

Le problème est que lorsque l'utilisateur survole le lien, le curseur se transforme en curseur d'édition (comme celui d'une boîte d'édition).

Pourquoi ce comportement ? Ou dois-je rechercher un attribut particulier dans le CSS ?

Answer 1

Vous devez soit ajouter le href à votre ancre ou dans le CSS vous pouvez ajouter :

#buttonscontainer a:hover
{
    cursor: pointer;
}

L'un ou l'autre changera le curseur en pointeur :)

Exemple de jsFiddle .

Answer 2

I pensez à le problème est que vous devez ajouter un href à vos liens :

<a .. href="#">Bold</a>

Ou bien, vous pouvez ajouter cette CSS :

a {
    cursor: pointer
}

mais ça semble un peu stupide. Il suffit d'ajouter le href y corriger le style des liens (démo) .

Answer 3

Je pense que le problème est que votre balise n'a pas l'attribut obligatoire href. Essayez de mettre un href="" vide