Sélecteur ::SELECTION

Rôle

Le sélecteur selection est un pseudo-element désigné par la syntaxe ::selection qui permet de cibler chaque élément sélectionné.

Note: ce sélecteur n’a pas le statut de recommandation. Cependant, il peut être rajouté aux futures spécifications CSS.

Dans l’exemple ci-dessous, le fond jaune apparait sur le texte que vous sélectionnez.

::selection{
  background-color: yellow;
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti labore in, saepe sapiente ex amet, dignissimos laudantium neque quo blanditiis maxime, tenetur pariatur iusto. Voluptatibus eos deleniti distinctio autem enim.</p>

Testez vous-même ce sélecteur

Inconvénient

Ce sélecteur n’est plus soutenu par les spécifications.

Compatibilité

navigateur-chromenavigateur-firefox -moz- navigateur-ienavigateur-safarinavigateur-opera

Le sélecteur selection est pris en charge par tous les principaux navigateurs
A partir d’Internet Explorer 9.

A voir aussi

::after
::before
::first-letter 
::first-line