Свойство 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,
което премахва реакцията на мишката