Suppression de la superposition/du surlignage bleu des images sélectionnées

Question

Je suis en train de créer une application web avec des images animées cliquables et j'ai remarqué (particulièrement dans chrome mais aussi dans ff) que tout léger glissement accidentel sur l'image la rend bleue. (pour indiquer qu'elle est sélectionnée). Existe-t-il un moyen en jquery, css ou html de désactiver cet effet secondaire ennuyeux, ou peut-être existe-t-il un moyen d'utiliser des images sans avoir ce comportement par défaut ?

Mes images se trouvent dans des listes non ordonnées comme celle-ci :

<ul>
  <li><img src="path"/></li>
  <li><img src="path"/></li>
  <li><img src="path"/></li>
</ul>

Answer 1

Je pense que, pour empêcher la sélection de l'utilisateur à travers le navigateur, vous pourriez utiliser :

img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

Démonstration de JS Fiddle .