English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @

大全 des propriétés CSS

CSS3 Sélecteur ::selection

Le pseudo-élément ::selection CSS s'applique aux parties mises en surbrillance par l'utilisateur dans le document (par exemple, sélectionnées avec la souris ou d'autres appareils de sélection).

Manuel complet des sélecteurs CSS

Exemple en ligne

Mettre le texte sélectionné en bleu :

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
::selection
{
couleur:#0000ff;
}
::-moz-sélection
{
couleur:#0000ff;
}
</style>
</head>
<body>
<h1>Essayer de sélectionner quelques textes de cette page</h1>
<p>Ce sont quelques textes.</p>
<div>Ce sont quelques textes dans l'élément div.</div>
<a href="//fr.oldtoolbag.com/" cible="_blank">lien oldtoolbag.com!</a>
</body>
</html>
Voyons voir ‹/›

Définition et utilisation

::selection {
  arrière-plan-couleur : cyan;
}

Le sélecteur ::selection correspond à la partie sélectionnée ou mise en surbrillance de l'élément par l'utilisateur.

::selection ne peut s'appliquer qu'à un petit nombre d'attributs CSS : couleur, arrière-plan, curseur et contour.

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

E9+, Opera, Google Chrome et Safari supportent le sélecteur ::selection.

Firefox par son attribut privé ::-moz-support de sélection .

Manuel complet des sélecteurs CSS