Comment rendre certains textes non sélectionnables avec CSS

Question

L'en-tête de ma page contient du texte centré, mais je ne veux pas que l'utilisateur puisse le sélectionner. Existe-t-il un moyen d'y parvenir avec les CSS ?

Answer 1

Le CSS ci-dessous empêche les utilisateurs de pouvoir sélectionner du texte.

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

Pour cibler IE9 vers le bas, l'attribut html unselectable doit être utilisé à la place :

<p unselectable="on">Test Text</p>

Answer 2

Il suffit d'utiliser une simple image de fond pour la zone de texte.

Ou

<div onselectstart="return false">your text</div>