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

Comment se distinguer des autres lorsque la concurrence est rude ? L'attention portée à chaque détail. En Web design, ces détails peuvent être la distinction majeure en regard d'un site Web concurrent.

Modifier la couleur par défaut d'un texte sélectionné

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.

Par Guillaume Palayer Un chasseur-cueilleur et un curieux avant tout des dernières avancées du monde des Internets. Fondateur du Magazine du Webdesign, un blog-cerveau à propulsion humaine, ayant pour mission de faire le tri dans le bruit du Web afin de proposer les meilleurs contenus à la communauté du Magazine du Webdesign.

Inscrivez-vous à la newsletter du Magazine du Webdesign

Inscrivez-vous à notre newsletter afin de recevoir chaque mois une sélection des meilleurs articles et ressources.

Commentaires (3)

  1. Ping : Modifier la couleur par défaut d’un texte sélectionné en CSS3 | Webdesign et magie des Internets | Scoop.it

  2. Ping : Modifier la couleur par défaut d’un texte sélectionné en CSS3 | Webdesign et développement Web | Scoop.it

  3. Ping : Modifier la couleur par défaut d’un texte sélectionné (propriété) CSS3 | Wordpress-time | Scoop.it

Laisser un commentaire

Yep, vous souhaitez poster un commentaire... complétez les trois champs ci-dessous. Pas de spams, protégeons les Internets.

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

↑ Haut de page