Свойство user-select в CSS

Определение и использование

Атрибут user-select определяет, можно ли выбирать текст элемента.

В веб-браузере, если вы дважды щелкнете по тексту, текст будет выбран или выделен. Этот атрибут используется для предотвращения这种行为.

См. также:

Руководство по HTML DOM:Атрибут userSelect

Пример

Предотвратить выбор текста элементов <div>:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ и Edge */
  user-select: none; /* Стандартный синтаксис */
}

Попробуйте сами

Синтаксис CSS

user-select: auto|none|text|all;

Значение атрибута

Значение Описание
auto По умолчанию. Если браузер позволяет, текст можно выбрать.
none Предотвратить выбор текста.
text Текст может быть выбран пользователем.
all Выберите текст одним кликом, а не двойным.

Технические детали

Значение по умолчанию: auto
Наследование: Нет
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: object.style.userSelect="none"

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Следуйте правилам использования префикса первой версии перед числом, указанным в числе после -webkit-, -ms- или -moz-.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-