Как остановить выделение элемента div при двойном щелчке

Ответ 1

Нижеприведенный CSS не позволяет пользователям выбирать текст. Пример: http://jsfiddle.net/hGTwu/20/

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

Чтобы настроить IE9 вниз и Opera, вместо этого следует использовать атрибут html unselectable:

<div unselectable="on">Test Text</div>

Ответ 2

Это работает для меня

html
{
  -webkit-tap-highlight-color:transparent;
}

Ответ 3

Я пытался найти решение для остановки подсветки div в Chrome и обратился к этому сообщению. Но, к сожалению, ни один из ответов не решил мою проблему.

После многих онлайн-исследований я обнаружил, что исправление - это очень простое решение. Нет необходимости в сложном CSS. Просто добавьте следующий CSS на свою веб-страницу, и все будет готово. Это работает как на ноутбуках, так и на мобильных экранах.

div { outline-style:none;}

ПРИМЕЧАНИЕ. Это работало в Chrome версии 44.0.2403.155 m. Кроме того, он поддерживается во всех основных браузерах сегодня, как объясняется на этом URL: http://www.w3schools.com/cssref/pr_outline-style.asp

Ответ 4

Я не эксперт по CSS, но думаю, что вы можете использовать ответ tw16, пока вы увеличиваете количество затронутых элементов. Например, это предотвращает выделение повсюду на моей странице, не затрагивая никаких других видов интерактивности:

*, *:before, *:after {
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

Эта первая строка любезно предоставлена ​​Paul Irish (через http://adamschwartz.co/magic-of-css/chapters/1-the-box/).

Ответ 5

Задайте все элементы div:

div::-moz-selection { background:transparent; }
div::selection { background:transparent; }

Задайте все элементы:

::-moz-selection { background:transparent; }
::selection { background:transparent; }

Ответ 6

отключить выбор пользователя:

div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

установить фоновый прозрачный для выбранного элемента:

div::-moz-selection { background:transparent; }
div::selection { background:transparent; }