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.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
vertical-align | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |