• 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 !


    9 commentaires