wiele reguł dla :: selekcji i :: - moz-selekcji (? I obsługą wybrać)

Question

Mam stronę internetową, gdzie po raz pierwszy ustawić

::selection 
{ 
    background: transparent; 
} 
::-moz-selection 
{ 
    background: transparent; 
} 
* 
{ 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
} 

(Tylko dla efektu artystycznego, a nie dlatego, bym próbować ustrzec się przed skopiowaniem coś).

ale potem, później, chcę użytkownika, aby być w stanie wybrać tekst z textarea ..
udało mi się dokonać wyboru ponownie widoczne, z

#commentarea::selection 
{ 
    background: #070707; 
} 
#commentarea::-moz-selection 
{ 
    background: #070707; 
} 
#commentarea 
{ 
    -moz-user-select: element; 
    -khtml-user-select: element; 
    -webkit-user-select: element; 
    -o-user-select: element; 
    user-select: element; 
} 

, ale jeśli użytkownik wybierze coś z obszaru tekstowego, nie można go odznaczyć, klikając gdzieś. Możesz tylko odznaczyć tekst, przesuwając karetkę (za pomocą klawiszy strzałek).

Dlaczego tak jest? I jak mogę temu zapobiec?

Answer 1

Zmień

#commentarea 
{ 
    -moz-user-select: element; 
    -khtml-user-select: element; 
    -webkit-user-select: element; 
    -o-user-select: element; 
    user-select: element; 
} 

do

#commentarea { 
    -webkit-user-select: text; 
    -moz-user-select: text; 
    -khtml-user-select: text; 
    -webkit-user-select: text; 
    -o-user-select: text; 
} 

DEMO: http://jsfiddle.net/dWjPQ/1/

Answer 2

odpowiedź ENVE była poprawna .. dla przeglądarek innych niż Firefox (13,0 przynajmniej).

Dla ludzi, którzy mają ten sam problem:

w uniwersalnym selektora (*), należy użyć -moz-user-select: -moz-none; zamiast -moz-user-select: none;. To rozwiąże problem.