По-умолчанию, любой пользователь, просматривающий страницы различных сайтов, может выбрать текст с помощью клавиатуры или мыши.

Сегодня мы попробуем отключить эту возможность. Таким образом, веб-страница станет менее похожей на документ и приобретет особенности приложения.

Все, что нам потребуется - CSS-свойство user-select: none.

Изучив возможность использования этого свойства в различных браузерах на ресурсе caniuse, можно сказать, что для устаревших версий наиболее популярных браузеров могут пригодиться префиксы:

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

В некоторых случаях можно использовать следующее решение:

1. отключить возможность выбирать текст для всего сайта, применив user-select: none для тега body,
2. включить такую возможность только для определенных элементов с помощью user-select: text

Спасибо за внимание.