Свойство user-select - запрет выделения текста
Свойство user-select управляет поведением
выделения текста и других элементов на странице.
Синтаксис
селектор {
user-select: none | contain | all | auto | text;
}
Значения
| Значение | Описание |
|---|---|
none |
Текст не выделяется. |
contain |
Выделение, начатое внутри элемента не выйдет за пределы этого элемента. |
all |
Если двойной клик произошел во вложенном элементе, будет выбрано все содержимое родителя с этим значением свойства. |
auto |
Вычисляемое значение, автоматически определяется следующим образом:
для псевдоэлементов after и
before
значение равно none, для редактируемого элемента
значение равно contain, если у родителя элемента значение
all или none - такое же будет и у самого элемента,
иначе значение будет text.
|
text |
Пользователь может выделить текст в элементе. |
Значение по умолчанию: text.
Примечание
Некоторые значения могут работать не во всех браузерах.
Пример . Значение none
Следующий текст невозможно выделить:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Смотрите также
-
псевдоэлемент
selection,
который управляет стилями выделенного текста -
свойство
pointer-events,
которое убирает реакцию на мышь