CSS: Запрет на выделение

Чтобы запретить выделение текста на веб-странице с помощью CSS, можно использовать следующий код:

 

* {
  user-select: none;
}

# Добавляем вендорные префиксы для кроссбраузерности
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

Этот код задает свойство user-select для всех элементов на странице. Значение none указывает браузеру не разрешать выделение текста на странице. Если вы хотите разрешить выделение для некоторых элементов, например, для ссылок, вы можете переопределить это свойство:

 

# Разрешаем выделение текста для ссылок
a {
  user-select: auto;
}

# Добавляем вендорные префиксы для кроссбраузерности
a {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}