Свойство user-select - запрет выделения текста

Свойство user-select управляет поведением выделения текста и других элементов на странице.

Синтаксис

селектор { user-select: none | contain | all | auto | text; }

Значения

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

Значение по умолчанию: text.

Примечание

Некоторые значения могут работать не во всех браузерах.

Пример . Значение none

Следующий текст невозможно выделить:

<div id="elem"> Lorem ipsum dolor sit amet. </div> #elem { user-select: none; }

:

Смотрите также

  • псевдоэлемент selection,
    который управляет стилями выделенного текста
  • свойство pointer-events,
    которое убирает реакцию на мышь