Bonjour à tous, petite astuces CSS du jours, je vais vous apprendre à modifier la couleur de la séléction en CSS ! Pour ça c'est très simple il suffit d'ajouter ça dans votre code CSS !

[Note de sitewaide]

Attention, c'est un code CSS3, comme vous devez le savoir, le css3 n'est pas implanté sur tout les navigateurs.

De plus, chaque navigateur, même si cela à tendance à diminuer, utilise son propre préfixe (-moz, -k, -webkit etc...). Cette utilisation commence à diminuer sur les navigateurs basés sur webkit (Google Chrome et Safari).

[/note de sitewaide]

::-moz-selection { /* Pour firefox */
background:red;
color:white;
}
::selection { /* Pour les autres */
background: red;
color:white;
}


 



 
On va décrypter un peu le code tout d’abord pour que ce soit compatible avec Firefox il faut
mettre la balise ::-moz-selection et pour les autres navigateur (Attention, je n’ai pas testé
qu’avec Google Chrome) il suffit de mettre ::selection. Ensuite, il faut définir la couleur
de la sélection donc facile on utilise la propriété background (ou background-color) et comme
valeur vous mettez la couleur que vous voulez, et si vous voulez que votre texte soit un peu
plus lisible (en fonction des couleurs) je vous conseil de changer la couleur de votre texte
grâce à la propriété color.
Une démonstration est disponible ici !