Catégories
Blogs à lire
Archives
Blog
jan
24
Couleur de sélection du texte
Catégorie: Web | Commentaires fermés | 146 lectures
Quand je lis un article, j'utilise souvent la sélection pour me repérer dans la page surtout si les paragraphes sont longs. De manière générale, les navigateurs affichent un fond bleu sur du texte blanc pour la sélection. Dans certains cas, Firefox se comporte différemment et inverse les couleurs.
Capture Oxfamsol.be
Capture Emakina.com - sélection sous Firefox
Je n'ai pas trouvé les règles qui définissent l'inversion des couleurs. C'est problématique dans la mesure où les teintes de sélection se rapprochent fortement des couleurs du site. Dans certains cas, cela pose problème. Dans l'exemple ci-dessous, le texte courant est sélectionné mais n'affiche aucun repère visuel.
Capture Ergonomie-web.be - sélection sous Firefox
Avec l'arrivée de CSS3, il est possible de personnaliser les couleurs de la sélection grâce à la balise ::-selection. Comme toujours, on risque de rencontrer des accords harmonieux et puis des mélanges hasardeux. Ça me rappelle l'époque des ascenseurs colorés sur Internet Explorer.
Capture Arhv.lhivic.org - sélection sous Firefox
Capture css-tricks.com - sélection sous Firefox
Pour l'instant, cet attribut n'est pas reconnu par Firefox. Il faut donc lui ajouter un code spécifique. Ci-dessous, le code repris de la feuille de style sur CSS Tricks.
1 2 3
::selection { background: #ffcc89; color: #222;}
::-moz-selection { background: #ffcc89; color: #222;}
