Comment définir CSS pour empêcher la sélection de texte

Comment définir du texte qui ne peut pas être sélectionné en CSS : vous pouvez utiliser l'attribut user-select pour le définir, tel que [user-select:none]. L'attribut user-select est nouveau dans CSS3 et est utilisé pour contrôler la sélectivité 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.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Implémentation du code :

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

Valeur de l'attribut :

• auto - la valeur par défaut, l'utilisateur peut sélectionner le contenu dans 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 de l'élément (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 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 le navigateur IE, via onselectstart=" javascript : return false;" événement pour implémenter cette fonction)

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!