[résolu] Balise "a" : éviter la sélection du texte

Bonjour à tous
Je travaille sur une liste <ul>/<li> ; chaque <li> contient une balise <a> qui appelle du JavaScript au survol et au clic (non, le survol ne pouvait pas se faire qu'en css ). De plus, les <a> possède la propriété CSS "cursor:pointer".
Mon problème est le suivant : comment éviter que le texte soit sélectionné par l'utilisateur en l'absence d'un "href" dans le <a> ? J'ai vu comment modifier la couleur de la sélection (impossible avec IE...) mais pas comment l'empêcher, peut-être existe-t-il une solution en CSS.
Merci
Modifié par r4zor (17 Jan 2011 - 16:40)

Hello,
Tu peux essayer ca:

ul li a::-moz-selection{background:none;}
ul li a::selection{background:none;}

Même si je ne te le conseille pas, pour des questions d'accessibilité...et puis ca ne marche pas sur tous les éléments.

Merci beaucoup !
Ca marche pour FF/Opera, dommage pour Webkit et IE

r4zor a écrit :

Ca marche pour FF/Opera, dommage pour Webkit et IE

Bizarre,
normalement c'est compatible Internet Explorer 9, Firefox 1.5, Opera 9.5 et Safari 1.1 !

A verifier donc...


Par contre, juste pour être complet, ::selection est actuellement retiré des specs CSS3 : http://www.w3.org/TR/css3-selectors/#selection, même si tous les navigateurs l'implémentent.
Modifié par vdo93 (16 Jan 2011 - 22:07)

Pour ma div de droite j'ai :

#right a::-moz-selection{
background:none;
}
#right a::selection{
background:none;
}

J'espère ne pas m'être trompé
Horreur, je ne passerai pas le test W3C ^^
Modifié par r4zor (16 Jan 2011 - 22:22)

Effectivement après 2,3 tests ca ne marche pas. Il faut utiliser:

background:transparent;

PS: N'oublie pas de mettre résolu!

Merci encore !