Atrybut user-select w CSS

Definition and usage

The user-select property specifies whether the text of an element can be selected.

In web browsers, if you double-click on text, it will be selected or highlighted. This property is used to prevent this behavior.

Also see:

HTML DOM Reference Manual:userSelect property

Example

Preventing text selection of <div> elements:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}

Spróbuj sam

CSS syntax

user-select: auto|none|text|all;

Wartość atrybutu

Wartość Opis
auto Domyślnie. Jeśli przeglądarka pozwala, tekst można wybrać.
none Preventing text selection
text Tekst może być wybrany przez użytkownika.
all Wybierz tekst kliknięciem, a nie dwukrotnym kliknięciem.

Szczegóły techniczne

Domyślna wartość: auto
Inherencja: Nie
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty związane z animacją.
Wersja: CSS3
JavaScript syntax: object.style.userSelect="none"

Wsparcie przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która obsługuje pełną funkcjonalność tego atrybutu.

Należy stosować prefiks pierwszej wersji, określony przez liczby po -webkit-, -ms- lub -moz-.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-