Changer la couleur de sélection texte CSS3 sur WordPress

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.

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.

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 

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…

Démarrer gratuitement