Com evitar que seleccionin el text de la teva web amb CSS

El fragment de codi CSS és una eina potent per controlar la interacció de l’usuari amb els elements de text d’una pàgina web. Utilitzant els selectors p, h1, h2, h3, h4, h5, h6, aquest codi s’aplica a tots els elements de text habituals, des de paràgrafs fins a encapçalaments. Les línies -webkit-user-select: none; i -ms-user-select: none; garanteixen la compatibilitat amb navegadors com Safari i Internet Explorer 10 i 11, respectivament, mentre que user-select: none; és la sintaxi estàndard per a la majoria de navegadors moderns.

En aplicar aquest estil, els textos dins d’aquests elements no es podran seleccionar per part dels usuaris. Això pot ser especialment útil en llocs web on el contingut textual forma part integral del disseny o de l’experiència d’usuari, com en jocs, aplicacions interactives o llocs web amb un enfocament marcat en l’estètica visual.

p, h1, h2, h3, h4, h5, h6 {
    /* Estilos específicos para todos los elementos de texto */
   -webkit-user-select: none; /* Safari */
   -ms-user-select: none; /* IE 10 and IE 11 */
   user-select: none; /* Standard syntax */
}