从所选图像中删除蓝色覆盖/突出显示

Question

我正在制作一个带有一些动画可点击图像的 Web 应用程序，我注意到（特别是在 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 Fiddle demo.