Thuộc tính user-select - Cấm chọn văn bản

Thuộc tính user-select điều khiển hành vi chọn văn bản và các phần tử khác trên trang.

Cú pháp

cssbộ chọn {
  user-select: none | contain | all | auto | text;
}

Giá trị	Mô tả
`none`	Văn bản không thể được chọn.
`contain`	Việc chọn, bắt đầu bên trong phần tử, sẽ không vượt ra ngoài giới hạn của phần tử này.
`all`	Nếu nhấp đúp chuột xảy ra trong một phần tử được lồng, toàn bộ nội dung của phần tử cha có giá trị thuộc tính này sẽ được chọn.
`auto`	Giá trị được tính toán, tự động xác định như sau: đối với các phần tử giả `after` và `before` giá trị là `none`, đối với phần tử có thể chỉnh sửa giá trị là `contain`, nếu phần tử cha có giá trị `all` hoặc `none` - thì phần tử đó cũng sẽ có giá trị tương tự, ngược lại giá trị sẽ là `text`.
`text`	Người dùng có thể chọn văn bản trong phần tử.

Giá trị mặc định: text.

Một số giá trị có thể không hoạt động trong tất cả trình duyệt.

Văn bản sau đây không thể chọn:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  user-select: none;
}

Результат: