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

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

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

Message par Ajesto le Dim 8 Jan - 19:13

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 */
}


avatar
Ajesto
Fondateur
Fondateur

Messages : 115 Masculin Points : 3

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

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

- Sujets similaires

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