Attribut user-select CSS

Définition et utilisation

L'attribut user-select détermine si le texte de l'élément peut être sélectionné.

Dans un navigateur web, si vous double-cliquez sur du texte, ce texte sera sélectionné ou mis en surbrillance. Cette propriété est utilisée pour empêcher ce comportement.

Voir également :

Manuel de référence HTML DOM :Attribut userSelect

Exemple

Empêcher la sélection du texte de l'élément <div> :

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ et Edge */
  user-select: none; /* Syntaxe standard */
}

Essayez-le vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description
auto Par défaut. Si le navigateur le permet, le texte peut être sélectionné.
none Empêcher la sélection de texte.
text Le texte peut être sélectionné par l'utilisateur.
all Cliquez pour sélectionner du texte au lieu de double-cliquer.

Détails techniques

Valeur par défaut : auto
Héritage : Non
Réalisation des animations : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.userSelect="none"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété en totalité.

Suivre les règles numériques des préfixes utilisés pour la première version après -webkit-, -ms- ou -moz-.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-