Atributo user-select de CSS

Definición y uso

El atributo user-select especifica si se puede seleccionar el texto del elemento.

En el navegador web, si hace doble clic en texto, el texto se seleccionará o resaltará. Esta propiedad se utiliza para evitar这种行为.

Vea también:

Manual de referencia de HTML DOM:Atributo userSelect

Ejemplo

Evitar la selección de texto del elemento <div>:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ y Edge */
  user-select: none; /* Sintaxis estándar */
}

Intente hacerlo usted mismo

Sintaxis de CSS

user-select: auto|none|text|all;

Valor del atributo

Valor Descripción
auto Predeterminado. Si el navegador lo permite, puede seleccionar texto.
none Evitar la selección de texto.
text El texto puede ser seleccionado por el usuario.
all Haga clic para seleccionar texto en lugar de hacer doble clic.

Detalles técnicos

Valor predeterminado: auto
Herencia: No
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.userSelect="none"

Compatibilidad del navegador

Los números en la tabla indican la versión inicial del navegador que admite completamente la propiedad.

Siga las reglas de versión inicial de los prefijos que siguen a -webkit-, -ms- o -moz-.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-