Rendre un texte / objet non sélectionnable via le CSS

Vous pouvez voir que certain texte ou image (ou même des div entières) peuvent devenir non sélectionnable facilement, par exemple, la phrase que vous lisez actuellement est non-sélectionnable. Pas mal hein ?

Code:

<p class="noselect" >Vous pouvez voir que certain texte ou image (ou même des div entières) peuvent devenir non sélectionnable facilement, par exemple, la phrase que vous lisez actuellement est non-sélectionnable. Pas mal hein ?</p>

Code:

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Trop récent, mais dans le futur, il seras universel, donc gardez le en poche */
}