Thuộc tính user-select CSS

Định nghĩa và cách sử dụng

Thuộc tính user-select xác định liệu văn bản của phần tử có thể được chọn hay không.

Trong trình duyệt web, nếu bạn nhấp đúp vào văn bản, văn bản sẽ được chọn hoặc hiển thị nổi bật. Thuộc tính này được sử dụng để ngăn chặn hành vi này.

Xem thêm:

Hướng dẫn tham khảo HTML DOM:Thuộc tính userSelect

Mô hình

Ngăn chặn chọn văn bản của phần tử <div>:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ và Edge */
  user-select: none; /* Cú pháp tiêu chuẩn */
}

Thử nghiệm cá nhân

Cú pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
auto Mặc định. Nếu trình duyệt cho phép, bạn có thể chọn văn bản.
none Ngăn chặn việc chọn văn bản.
text Văn bản có thể được người dùng chọn.
all Chọn văn bản bằng cách nhấp vào một lần, thay vì nhấp đúp.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Không
Chế tạo animation: Không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS3
Cú pháp JavaScript: object.style.userSelect="none"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Theo quy định số đầu tiên sử dụng tiền tố trước khi sử dụng theo số sau -webkit-、-ms- hoặc -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-