-ms-user-select

La propriété CSS -ms-user-select est une propriété spécifique à Microsoft qui indique sur quelle zone d'un élément l'utilisateur peut sélectionner le texte de l'élément.

Syntax

Valeurs

none

Empêche la sélection de commencer sur l'élément. Cette valeur n'empêche pas une sélection déjà initiée de continuer sur l'élément.

element

Active la sélection au sein de l'élément. Toutefois, la sélection est limitée aux bords de l'élément.

text

Active la sélection au sein de l'élément et permet de poursuivre la sélection à l'extérieur de l'élément.

Syntaxe formelle

none | element | text

Exemples

Dans l'exemple suivant, on utilise le scénario d'un blog avec un conteneur qui est un élément <div> avec un identifiant blog. Ce conteneur contient un autre élément <div> avec l'identifiant blogPost pour le billet de la page. La classe comment est appliquée aux éléments <div> qui sont des commentaires. Le billet de blog contient un élément <input> et un élément <textarea> pour ajouter un commentaire.

La déclaration suivante désactive la sélection à l'exception du contenu éditable.

#blog {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
}

La déclaration suivante désactive la sélection pour le reste :

#blog, #blog input, #blog textarea, 
#blog *[contenteditable=true] { 
  -ms-user-select: none;  
  -webkit-user-select: none; 
  -moz-user-select: -moz-none;
}

La déclaration suivante permet aux utilisateurs de ne sélectionner que le contenu du billet.

#blogPost {
  -ms-user-select: element;
  -webkit-user-select:  text;
  -moz-user-select: text;
} 

#blog { 
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
}

La déclaration suivante permet aux utilisateurs de ne sélectionner que les commentaires.

.comment {
  -ms-user-select: element;
  -moz-user-select: text;
  -webkit-user-select: text;
} 

#blog{ 
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}

Le code suivan permet de commencer la sélection sur le billet ou sur l'un des commentaires et de poursuivre sur la suite.

#blogPost, .comment { 
  -ms-user-select: text;
} 

#blog { 
  -ms-user-select: none;
}

Spécifications

Cette propriété est une propriété non-standard qui ne fait partie d'aucune spécification.