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
logotipo bisign
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Para más información, por favor echa un vistazo a nuestra política de privacidad