• 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

    9
    Dimanche 13 Septembre 2015 à 12:55

    Merci pour le code !

    8
    Mardi 1er Juillet 2014 à 10:42

    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 !

    7
    Mardi 1er Juillet 2014 à 00:01

    Super ! Merci ! Mais avec quel navigateur marche-t-il ?

    6
    Jeudi 13 Mars 2014 à 12:36

    merciiiiiiiiiiiii ! je cherchais depuis longtemps comment faire , merci *-*

    5
    Lundi 23 Décembre 2013 à 19:00

    Super en plus c'est bien expliqué, merci :)

    4
    Dimanche 15 Décembre 2013 à 10:28

    Merci!

    3
    Samedi 7 Septembre 2013 à 12:46

    C'est super ! Merci !

    2
    Samedi 13 Avril 2013 à 16:57

    Coucou, merci beaucoup ça va m'être très utile !

    1
    Mercredi 6 Mars 2013 à 15:16
    Super ! Merci beaucoup ;)


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :