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

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

Синтаксис

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

Стойност	Описание
`none`	Текстът не се избира.
`contain`	Изборът, започнат вътре в елемента, няма да излезе извън границите на този елемент.
`all`	Ако двоен клик се случи във вложен елемент, ще бъде избрано цялото съдържание на родителя с тази стойност на свойството.
`auto`	Изчислена стойност, автоматично се определя по следния начин: за псевдоелементи `after` и `before` стойността е `none`, за редактируем елемент стойността е `contain`, ако родителят на елемента има стойност `all` или `none` - същата ще бъде и за самия елемент, иначе стойността ще бъде `text`.
`text`	Потребителят може да избере текст в елемента.

Стойност по подразбиране: text.

Някои стойности може да не работят във всички браузъри.

Следният текст не може да бъде избран:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  user-select: none;
}

Результат: