Propiedad user-select - prohibición de selección de texto
La propiedad user-select controla el comportamiento
de selección de texto y otros elementos en la página.
Sintaxis
selector {
user-select: none | contain | all | auto | text;
}
Valores
| Valor | Descripción |
|---|---|
none |
El texto no se puede seleccionar. |
contain |
La selección iniciada dentro del elemento no saldrá más allá de los límites de este elemento. |
all |
Si se produce un doble clic en un elemento anidado, se seleccionará todo el contenido del elemento padre con este valor de propiedad. |
auto |
Valor calculado, se determina automáticamente de la siguiente manera:
para los pseudoelementos after y
before
el valor es none, para un elemento editable
el valor es contain, si el elemento padre tiene el valor
all o none - el elemento tendrá el mismo valor,
de lo contrario el valor será text.
|
text |
El usuario puede seleccionar texto en el elemento. |
Valor por defecto: text.
Nota
Algunos valores pueden no funcionar en todos los navegadores.
Ejemplo . Valor none
El siguiente texto no se puede seleccionar:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Véase también
-
pseudoelemento
selection,
que controla los estilos del texto seleccionado -
propiedad
pointer-events,
que elimina la reacción al ratón