Удалить раздражающее синее наложение из выбранных изображений с помощью 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 Fiddle demo .