La propiedad user-select de CSS nos permite impedir que un usuario seleccione texto de una página web, evitando así un copiar y pegar rápido o para cualquier otro propósito que pueda sernos útil.

Para implementar esta característica en una página web, tan sólo tenemos que incluir la siguiente clase CSS:

.no_seleccion {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select:none;
}

… que como veis incluye compatibilidad de user-select con la mayoría de navegadores web.

En las siguientes tablas, extraídas del sitio web MDN, podemos ver la compatibilidad de la propiedad user-select con los principales navegadores, tanto de escritorio como móviles:

Compatibilidad de user-select en navegadores de escritorio

Compatibilidad de user-select en navegadores de escritorio

Compatibilidad de user-select en navegadores móviles

Compatibilidad de user-select en navegadores móviles

Una vez definida la clase CSS, en nuestro ejemplo .no_seleccion , tan sólo tenemos que aplicarla al bloque HTML que contenga el texto que no queremos que sea seleccionable por el usuario. Por ejemplo, para impedir que un párrafo sea seleccionable haríamos:

<p class="no_seleccion">Este párrafo no es seleccionable por el usuario.</p>