CSS chỉ cho phép lựa chọn văn bản trên trang web?

Question

Có đoạn mã CSS hoặc Javascript nhẹ nào cho phép tôi chỉ thực hiện lựa chọn/làm nổi bật mọi thứ trên trang chỉ có sẵn cho văn bản không? Nó luôn luôn làm tôi khó chịu khi bạn đang cố gắng để làm nổi bật văn bản và bạn kết thúc làm nổi bật divs và hình ảnh và mọi thứ.

Có cách nào CHỈ để đánh dấu văn bản không? Điều đó sẽ bao gồm đoạn văn, neo, văn bản bên trong divs & hình ảnh và tất cả các thẻ tiêu đề.

Cảm ơn! ~ Jackson

Tôi đang tải lên kết quả bất kỳ ai trả lời câu hỏi này, tôi hiện đang chạy mã của @Nick Radford mà anh ấy ETA muốn.

Ở đây nó là gì, và nó gần gũi hơn, vẫn còn rất nhiều lựa chọn bên cạnh văn bản đang xảy ra với ctrl + a: http://designsweeter.com/

Answer 1

html{ 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
} 
p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{ 
    -o-user-select: text; 
    -moz-user-select: text; 
    -webkit-user-select: text; 
    user-select: text; 
} 

Các disable khối đầu tiên lựa chọn trong html, lần thứ hai kích hoạt lại nó cho bất kỳ mục nào có thể chứa văn bản như HTML5. Nó khá lớn, nhưng minified, nó nhỏ hơn:

html{-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{-moz-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text} 

Answer 2

này có thể làm việc:

img, div { 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}