varias reglas para la selección y :: :: - moz-selección (? Y la facilidad de seleccionar)

Question

tengo página web, donde por primera vez puse

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

(Sólo para el efecto artístico, no porque me estar tratando de evitar que la gente copie algo.)

Pero luego, más adelante, quiero que el usuario sea capaz de seleccionar texto de un área de texto ..
yo era capaz de hacer la selección visible de nuevo, 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; 
} 

pero si el usuario selecciona algo del área de texto, no se puede deseleccionar haciendo clic en algún lugar. Solo puede deseleccionar el texto moviendo el cursor (con las teclas de flecha).

¿Por qué es eso? ¿Y cómo puedo evitar esto?

Answer 1

Cambio

#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

respuesta de Enve era correcta .. para los navegadores que no sean Firefox (13,0 por lo menos).

Para las personas que tienen el mismo problema:

En el selector universal (*), debe utilizar -moz-user-select: -moz-none;, en lugar de -moz-user-select: none;. Esto solucionará el problema.