Changer la couleur de sélection du texte

Vous avez toujours voulu modifier la couleur de sélection du texte sur vos sites grâce à CSS ?

Voici la solution !

Vous devrez ajouter ce code à votre fichier CSS général :

::selection { background-color:#f00; color:#fff; } /* Tout les navigateurs */
::-moz-selection { background-color:#f00; color:#fff; } /* Firefox */

Vous pourrez également appliquer ce style uniquement à certaines de vos balises, en ajoutant simplement le nom de la balise ciblée devant :

h1::selection { background:#f00; color:#fff ; }

 

Même si cette propriété n’est encore que très peu gérée par les navigateurs, n’hésitez cependant pas à l’utiliser car vous n’aurez rien à perdre ;).

 

Voir la démonstration

1 commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *