使用css/js或html从选定图像中删除烦人的蓝色叠加？

Question

经过谷歌搜索后,我遇到了麻烦,我猜也许这是不可能的,但无论如何我想我应该问.

我正在制作一个带有一些动画可点击图像的网络应用程序,我注意到(特别是在chrome中,但也在ff中)任何轻微的意外拖动图像都会变成蓝色.(表示它已被选中)在jquery,css或html中是否有任何方法可以停用这种烦人的副作用,或者有没有办法在没有此默认行为的情况下使用图像？

我希望我的问题简明扼要.我不能提供代码(商业敏感),但我可以告诉你,我的所有图像都在这样的无序列表中:

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

Answer 1

我认为,为了防止用户选择跨浏览器,您可以使用:

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

JS小提琴演示.