Thuộc tính do người dùng chọn trong CSS
Thí dụ
Ngăn lựa chọn văn bản của một phần tử <div>:
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
Định nghĩa và Cách sử dụng
Thuộc user-select
tính chỉ định liệu văn bản của một phần tử có thể được chọn hay không.
Trong các trình duyệt web, nếu bạn nhấp đúp vào một số văn bản, 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: | object .style.userSelect = "none" |
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 -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 | Play it |
---|---|---|
auto | Default. Text can be selected if the browser allows it | |
none | Prevent text selection | |
text | The text can be selected by the user | |
all | Text selection is made with one click instead of a double-click |
Các trang liên quan
Tham chiếu DOM HTML: thuộc tính userSelect