user-select

Índice

Definición de .user-select aplicado en CSS

La propiedad .user-select en CSS controla cómo se permite seleccionar el texto en un elemento. Por ejemplo, se puede usar para hacer que el texto no sea selectable.

Ejemplo de empleo : propiedad CSS user-select

Esta propiedad de CSS se emplea de esta forma:

.row-of-icons {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}

Otro ejemplo más avanzado de .user-select es el siguiente de CODEPEN:

Sintaxis de .user-select en CSS

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

Exploradores compatibles con .user-select

Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.

Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
vertical-align 1.0 4.0 1.0 1.0 4.0

Referencias técnicas

Quizás quieras echar un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso