più regole per la selezione e :: :: - moz-selezione (? E user-select)

Question

Ho sito web, dove ho messo

::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; 
} 

(Solo per l'effetto artistico, non perché mi piacerebbe essere cercando di impedire alle persone di copiare qualcosa.)

Ma poi, più tardi, voglio che l'utente sia in grado di selezionare il testo da una textarea ..
ero in grado di effettuare la selezione di nuovo visibile, con

#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; 
} 

ma se l'utente seleziona qualcosa dalla textarea, non può essere deselezionato facendo clic da qualche parte. Puoi solo deselezionare il testo spostando il cursore (con i tasti freccia).

Perché è quello? E come posso impedirlo?

Answer 1

Change

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

a

#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

risposta di ENVE era corretta .. per browser diversi da Firefox (13,0 almeno).

Per le persone che hanno lo stesso problema:

Nel selettore universale (*), è necessario utilizzare -moz-user-select: -moz-none;, invece di -moz-user-select: none;. Questo risolverà il problema.