surbrillance la liste en cliquant sur la liste balle

Question

J'ai une liste simple: exemple: http://www.w3schools.com/html/html_lists.asp

J'utilise Mozilla Firefox (version 3.6 mais je pense que la version n'a pas d'importance). Lorsque je clique (seul) sur la puce, l'élément de liste est sélectionné (surligné).

Y a-t-il un moyen de désactiver cette surbrillance (sans supprimer définitivement la surbrillance en utilisant -moz-selection)?

Ce comportement n'est pas visible dans Chrome ou IE. Autre exemple: (avec liste-style-image): http://www.sendesignz.com/Demo/jQuery/expanding_list_item/expanding.html

Y at-il une manière simple javascript ou jQuery ou css pour désactiver cette sélection automatique en FF?

Answer 1

C'est une fonctionnalité implémentée par Firefox comme vous pouvez le dire, alors que je ne connais pas de véritable moyen de supprimer la fonctionnalité, il existe une solution de contournement CSS que vous pouvez faire.

Wrap tous les contenus de la <li> dans un <span>, puis en utilisant marge, rembourrage et positionnement absolu pour positionner la portée sur l'élément de liste.

HTML

<ul> 
<li><span>Item</span></li> 
<li><span>Item</span></li> 
</ul> 

CSS

li span{ 
    margin-left: -50px; 
    padding-left: 50px; 
    position: absolute; 
} 

Answer 2

Vous pouvez utiliser le paramètre css mozilla

CSS

li {-moz-user-select: none;} 

Answer 3

La sélection semble être liée à l'événement mousedown. Vous pouvez le bloquer en arrêtant l'événement. Pour en exemple jQuery:

elt.mousedown(function(event){ return false; });