.design .design

Modifier la couleur par défaut d’un texte sélectionné en CSS3

En Web design, les détails peuvent être la distinction majeure en regard d'un site Web concurrent.

.design
.design

Et cela peut commencer par un des plus petits détails : la couleur par défaut bleu d’un texte sélectionné.

Rien de plus simple ! Pour modifier la couleur de sélection, ouvrez votre fichier style.css et ajoutez les lignes de code suivantes :

::selection{
  background-color: #444;
  color: white;
}

/* Firefox */
::-moz-selection {
  background-color: #444;
  color: white;
}

N’oubliez pas de modifier la couleur pour qu’elle corresponde à votre charte graphique.

::selection est une déclaration CSS3 prise en compte par Chrome, Safari, IE9+, and Opera.

::-moz-selection est la déclaration propre à Firefox.

Vous pouvez tester ce tuto en sélectionnant le texte de cet article.

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer