Comment rendre le texte non sélectionnable en CSS

Méthode CSS pour réaliser que le texte ne peut pas être sélectionné : vous pouvez utiliser l'attribut user-select pour y parvenir, tel que [-webkit-user-select:none;-moz-user-select:none;] . L'attribut user-select est utilisé pour contrôler la sélection du contenu.

Introduction à l'attribut :

user-select est une nouvelle fonction de la spécification CSS3 de l'interface utilisateur, utilisée pour contrôler la sélectivité du contenu.

(Recommandation vidéo d'apprentissage : tutoriel vidéo CSS)

Valeur de l'attribut :

auto - la valeur par défaut, l'utilisateur peut sélectionner le contenu de l'élément

aucun - l'utilisateur ne peut sélectionner aucun contenu dans l'élément

texte - l'utilisateur peut sélectionner le texte dans l'élément

élément - le texte est facultatif, mais uniquement Dans les limites d'un élément limité (uniquement pris en charge par IE et FF)

tous - Dans l'éditeur, si un double-clic/clic contextuel se produit sur un élément enfant, l'élément ancêtre de plus haut niveau de cet élément L’élément sera sélectionné.

-moz-none - privé à Firefox, le texte des éléments et sous-éléments ne sera pas sélectionnable, sauf le texte dans la zone de saisie (sous navigateur IE, c'est via le onselectstart="javascript:return false;" event Pour implémenter cette fonction)

Exemple de code :

/*设置文字不能被选中     以下为css样式*/
-webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;

Recommandations associées : Tutoriel CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!