CSS Changer la Couleur de la Sélection

Pour changer la couleur de la sélection (lorsque vous faites une sélection de texte dans une page web), vous pouvez utiliser la propriété CSS ::selection.

Voici un exemple de code CSS pour changer la couleur de la sélection en utilisant la valeur red :

::selection {
  background-color: red;
  color: white;
}

Dans cet exemple, la couleur de fond de la sélection sera rouge et la couleur du texte sélectionné sera blanc.

Vous pouvez également utiliser d'autres valeurs pour personnaliser la couleur de la sélection selon vos besoins. Par exemple, vous pouvez utiliser une valeur hexadécimale de couleur comme #ff0000 pour le rouge.

Notez que la propriété ::selection est préfixée avec deux points (:) pour indiquer qu'il s'agit d'un pseudo-élément. Assurez-vous d'utiliser les deux points lors de la déclaration de cette propriété.

Il est important de noter que la propriété ::selection n'est pas prise en charge dans certains anciens navigateurs, tels qu'Internet Explorer 8 et versions antérieures. Ainsi, il est recommandé de fournir une alternative pour les utilisateurs de ces navigateurs.

Vous pouvez également combiner la propriété ::selection avec d'autres propriétés CSS pour personnaliser davantage l'apparence de la sélection, telles que la police, le fond, la taille du texte, etc.

Voici un exemple qui utilise différentes propriétés pour personnaliser la sélection :

::selection {
  background-color: #ff0000;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 16px;
}

Dans cet exemple, la sélection aura un fond rouge, du texte blanc, une police de caractères Arial ou une police sans-serif par défaut, et une taille de texte de 16 pixels.

En résumé, vous pouvez utiliser la propriété CSS ::selection pour changer la couleur de la sélection dans une page web. Il s'agit d'une méthode simple pour personnaliser l'apparence de la sélection selon vos besoins.