Comment désactiver la sélection de texte en HTML

En HTML, vous pouvez utiliser l'attribut user-select pour interdire la sélection de texte. Il vous suffit d'ajouter le style "user-select:none;" à l'attribut user-select pour définir si l'utilisateur est utilisé. peut sélectionner du texte lorsque la valeur est définie sur "aucun" pour désactiver la sélection du texte.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3. "Interdire la sélection du texte en HTML"

tous : Peut être sélectionné lorsque tout le contenu est pris dans son ensemble. Si vous double-cliquez ou cliquez contextuellement sur un élément enfant, la partie sélectionnée sera l'élément ancêtre le plus élevé remontant à cet élément enfant.

élément :

Vous pouvez sélectionner du texte, mais la plage de sélection est limitée par la limite de l'élément

• Remarque :

• 1. IE6-9 ne prend pas en charge cet attribut, mais prend en charge l'utilisation de l'étiquette. attributs

  onselectstart ="return false;" pour obtenir l'effet de user-select:none ; Safari et Chrome prennent également en charge cet attribut de balise

  2. n'est toujours pas pris en charge jusqu'à Opera12.5 , mais comme IE6-9, il prend également en charge l'utilisation d'attributs de balises privées
unselectable="on"
• pour obtenir l'effet de user-select : none; une autre version de unselectable La valeur est désactivée ;

  3 Sauf pour Chrome et Safari, dans les autres navigateurs, si le texte est défini sur -ms-user-select:none;, l'utilisateur ne pourra pas sélectionner le bloc de texte dans le bloc de texte. Commencez à sélectionner le texte dans . Cependant, si l'utilisateur commence à sélectionner du texte dans d'autres zones de la page, il peut toujours continuer à sélectionner la zone de texte avec le texte défini sur <code>-ms-user-select:none;; .Script correspondant L'attribut est userSelect

  .

• html

  user-select: none |text| all | element;

  Tutoriel recommandé : "
Tutoriel vidéo HTML

"

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!