-
Surlignage
qu'est-ce que c'est ?
Eh bien, je pense que le titre parle de lui même ! Essayez donc de sélectionner ce texte et voyez la couleur que prend le surlignage. Vous remarquerez également que le texte change de couleur.
comment faire ?
Comme d'habitude !
Apparence > Modifier le thème > Ajouter du CSS
La première étape consiste simplement à insérer le code suivant::selection { background-color: #000000; color: #ffffff; }
::-moz-selection { background-color: #000000; color: #ffffff; }
::-webkit-selection { background-color: #000000; color: #ffffff; }Comme vous pouvez le constater, le code se répète deux fois. Je vous conseillerai de coller les deux, en les insérant tous les deux, le code sera alors compatible avec plus de navigateurs.
Décortiquons donc ce code CSS !
background-color réfère à la couleur du surlignage qui apparaît noir dans l'exemple. Il suffit de remplacer #000000 par le code hexadécimal de la couleur de votre choix.
color, c'est tout simplement la couleur de votre texte, il est blanc dans l'exemple. Comme précédemment, remplacez #ffffff par le code de la couleur souhaitée !
-
Commentaires
Il devrait en principe fonctionner pour tous les navigateurs ! Une ligne supplémentaire à été ajoutée (::-webkit-selection) dans l'ordre d'optimiser ce code au maximum pour l'ensemble des navigateurs !
Vous devez être connecté pour commenter
Merci pour le code !