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;
}
10.2 г. Просмотров: 2.3k
Материал помог? Оценка помогает находить устаревшие и спорные решения.

Комментарии

0

Нашли ошибку или хотите дополнить материал?

Комментариев пока нет.Можно первым дополнить материал или сообщить об ошибке.
Telegram