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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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 ?



Voici le code HTML utilisé :
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>

Et voici le CSS :
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 */
}


Ajesto le Dim 8 Jan - 19:13

avatar
Ajesto
Fondateur
Fondateur


Messages : 115

Masculin

Points : 3

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Vous devez vous connecter pour répondre.


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum