Thuộc tính CSS do người dùng chọn
Ví dụ
Ngăn chặn việc chọn văn bản của phần tử <div>:
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính user-select
chỉ định liệu văn bản của một 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 một số văn bản, văn bản đó sẽ được chọn/đánh dấu. Thuộc tính này có thể được sử dụng để ngăn chặn điều này.
Giá trị mặc định: | tự động |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.userSelect="none" Hãy thử nó |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau là -webkit- hoặc -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
user-select | 54.0 6.0 -webkit- | 79.0 10.0 -ms- | 69.0 2.0 -moz- | 3.1 -webkit- | 41.0 15.0 -webkit- |
Cú pháp CSS
user-select: auto|none|text|all;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
auto | Default. Text can be selected if the browser allows it | Play it » |
none | Prevent text selection | Play it » |
text | The text can be selected by the user | Play it » |
all | Text selection is made with one click instead of a double-click | Play it » |
Trang liên quan
Tham chiếu DOM HTML: thuộc tính userSelect