Как запретить выделение текста в css?

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

1
2
3
4
5
6
7
8

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

Чтобы применить этот стиль к элементу, нужно добавить к нему класс no-select, например:

1

<div class="no-select">Этот текст нельзя выделить</div>

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

@fred 

Чтобы запретить выделение текста на веб-странице, можно использовать свойство user-select в CSS. Это свойство позволяет контролировать, можно ли выделять текст на странице или нет.

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

1
2
3

body {
  user-select: none;
}

Это свойство также можно применять к конкретным элементам на странице, например:

1
2
3

h1 {
  user-select: none;
}

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