Savez vous ce qui rend la conception de votre site Web se démarquer des autres sites compétiteurs? Donner plus d’importance aux détails. L’un de ces détails qui ont attiré notre attention était la façon dont la couleur de sélection de texte va avec le schème de couleur de conception plutôt que la couleur bleue par défaut. Dans cet article, nous allons vous montrer comment changer la couleur de sélection de texte par défaut dans votre thème WordPress.
Une seule étape pour modifier la couleur de sélection
Ouvrez votre fichier style.css et ajoutez les styles suivants:
::-moz-selection {
background-color: #ff6200;
color: #fff;
}
::selection {
background-color: #ff6200;
color: #fff;
}
Et voici le résultat
N’oubliez pas de changer la couleur de fond pour assortir la palette de couleurs de votre thème.
Le sélecteur :: de sélection est utilisé par Chrome, Safari, IE9 + et Opera. Firefox préfère utiliser leur propre ::-moz-selection. C’est la raison pour laquelle ils sont sur deux lignes distinctes. Si vous essayez de combiner entre eux, cela ne fonctionnera pas.
Pour démonstration, il suffit de sélectionner l’un des textes de ce site.
Jeu de briques
Snake
Pacman
Bubble