Cách dừng đánh dấu phần tử div khi nhấp đúp

Tôi có phần tử div này với hình nền và tôi muốn dừng đánh dấu trên phần tử div khi nhấp đúp vào nó. Có thuộc tính CSS cho việc này không?

CSS bên dưới ngăn người dùng không thể chọn văn bản. Ví dụ trực tiếp: http://jsfiddle.net/hGTwu/20/

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

Để nhắm mục tiêu IE9 trở xuống và Opera, unselectablephải sử dụng thuộc tính html để thay thế:

<div unselectable="on">Test Text</div>

Điều này phù hợp với tôi

html
{
  -webkit-tap-highlight-color:transparent;
}

Tôi đang cố gắng tìm giải pháp để dừng đánh dấu div trong Chrome và đã chuyển sang bài đăng này. Nhưng, thật không may, không có câu trả lời nào giải quyết được vấn đề của tôi.

Sau rất nhiều nghiên cứu trực tuyến, tôi thấy rằng cách khắc phục là một cái gì đó rất đơn giản. Không cần bất kỳ CSS phức tạp nào. Chỉ cần thêm CSS sau vào trang web của bạn và bạn đã sẵn sàng. Điều này hoạt động trong máy tính xách tay cũng như màn hình di động.

div { outline-style:none;}

LƯU Ý : Điều này hoạt động trong Phiên bản Chrome 44.0.2403.155 m. Ngoài ra, nó được hỗ trợ trong tất cả các trình duyệt chính hiện nay như được giải thích tại url này: https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style

Tôi không phải là chuyên gia CSS, nhưng tôi nghĩ bạn có thể sử dụng câu trả lời của tw16 miễn là bạn mở rộng số phần tử bị ảnh hưởng. Ví dụ: điều này ngăn cản việc đánh dấu mọi nơi trên trang của tôi mà không ảnh hưởng đến bất kỳ loại tương tác nào khác:

*, *:before, *:after {
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

Dòng đầu tiên đó là lịch sự của Paul Ailen (qua http://adamschwartz.co/magic-of-css/cha Chapter/1-the-box/ ).

Nhắm mục tiêu tất cả các phần tử div:

div::-moz-selection { background:transparent; }
div::selection { background:transparent; }

Nhắm mục tiêu tất cả các yếu tố:

::-moz-selection { background:transparent; }
::selection { background:transparent; }

tắt lựa chọn của người dùng:

div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

đặt nền trong suốt cho phần tử đã chọn:

div::-moz-selection { background:transparent; }
div::selection { background:transparent; }

Nếu một phần tử có thể nhấp được, bạn có thể muốn đặt nó thành phần tử nút.