CSS, aby zezwolić na wybór tekstu na stronie internetowej?

Question

Czy istnieje lekki fragment kodu CSS lub kodu JavaScript, który pozwoli mi tylko zaznaczać/wyróżniać elementy na stronie, które są dostępne tylko dla tekstu? Zawsze mnie denerwuje, gdy próbujesz podświetlić tekst, a na końcu podkreślisz divy, obrazy i rzeczy.

Czy jest jakiś sposób wyróżnienia tekstu? Obejmuje to akapity, kotwice, tekst wewnątrz div & obrazów i wszystkie znaczniki nagłówka.

Dzięki! ~ Jackson

Przesyłam wyniki dla każdego, kto odpowiada na to pytanie. Aktualnie korzystam z kodu @Nick Radford, który podał ETA.

Oto ona, i to bliżej, jeszcze dużo wyboru oprócz tekstu dzieje z 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; 
} 

Pierwsze wyłącza blokowe wybór w html, drugi ponownie włącza go do dowolnego elementu, który może zawierać tekst w formacie HTML5. Jest to dość duży, ale minified, to mniejszy:

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

to może działać:

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