Changer la couleur de sélection texte CSS3 sur WordPress

changer couleur selection text wordpress

Votre Site Web est-il bien Optimisé ?

Bien que cette petite astuce CSS3 n’est pas très  importante pour votre projet ou conception de votre blog WordPress, mais c’est un effet fantastique qui prend vraiment votre thème wordpress un peu plus loin et rend votre blog original et différent des autres blogs.

changer couleur selection text wordpress

Chaque fois qu’une personne sélectionne un texte, sa couleur change en une autre couleur définie. Par exemple, sur mon thème de blog, si vous sélectionnez du texte, vous remarquerez la couleur bleu du thème à la place des couleurs par défaut.

La couleur par défaut est généralement un bleu foncé qu’on retrouve sur presque tous les navigateurs et pas seulement Google Chrome.

Actuellement, la plupart des navigateurs internet prennent en charge l’attribut de section du texte et les navigateurs qui ne le prennent pas en charge vont tout simplement ignorer ce code de manière à ne rien casser, donc vous ne courez aucun risque.

Créer votre business en 5 minutes chrono
Créer facilement et gratuitement vos pages de vente, de capture ou de paiement en quelques minutes, des dizaines de templates disponibles…

Comment changer la couleur de sélection texte de votre thème wordpress

Ouvrez le fichier style.css de votre thème WordPress et ajoutez les styles suivants:

::-moz-selection {
 background-color: #ff6200;
 color: #fff;
}
::selection {
 background-color: #ff6200;
 color: #fff;
}

Vous pouvez changer la couleur #ff6200 par n’importe quelle autre couleur de sélection texte pour correspondre à la couleur de votre thème wordpress.

C’est vraiment aussi simple que cela.

Vous devez ajouter le code à une feuille de style CSS qui se charge sur toutes les pages du site.

Allez-y et amusez-vous avec les CSS3 et le style du texte sélectionné sur votre blog wordpress.

Laissez un commentaire pour nous montrer le résultat que ça donne sur votre blog 

Publications similaires

Un commentaire

  1. A c’est plutot sympa comme effet.
    Allez hop, en bookmarks, et dés que j’ai un petit pu de temps je met ca en place.
    Merci, c’est simple, et ca ajoute un petit truc a son blog.

Laisser un commentaire

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