Changer la couleur de sélection (surlignement d'un texte)

Lorsque vous êtes sur une page internet et que vous surlignez un texte, un fond de couleur par défaut apparait et ça fait très Pokémon dit comme ça, mais bref. Par exemple, sur une page classique, si je surligne avec ma souris une partie de texte, il s'affiche comme ceci :



Mais la couleur de fond et le changement de couleur de police peuvent être modifiés. Par exemple, sur N-U actuellement avec un thème très bleu, si vous surlignez un texte vous devez avoir un fond bleu et le texte presque blanc, comme ceci :



Pour faire cela, il vous suffit de mettre dans votre css le code suivant :

Code:

::selection
{
  background: #ffffff none repeat scroll 0 0;
  color: #000000;
  text-shadow: none;
}
::-moz-selection
{
  background: #ffffff none repeat scroll 0 0;
  color: #000000;
  text-shadow: none;
}

Dans le code la couleur de fond est le blanc (#ffffff) et la couleur de texte le noir (#000000), vous pouvez ainsi harmoniser le surlignement à votre couleur dominante de page.
Ce code ne fonctionne peut-être pas avec certains navigateurs, notamment leur version plus ancienne.

Dans le code présent j'ai précisé un "text-shadow: none" ce qui signifie que les ombres de texte, s'il y'en a, seront enlevées. En effet, ces ombres rendent souvent le surlignement illisible.

Merci =D


EDIT : Je crois qu'il y a un problème quelque part x( Au lieu de changer les couleurs, ça m'empêche carrément de surligner :/

moi ça marche très bien! Merci capitaine !

Esther : tu es sous quel navigateur ? est-ce que tu vois le surlignement comme il faut sur N-U ? Tu as mis une couleur de fond et de texte différentes ?

On n'y pense pas souvent, pourtant c'est tellement pratique pour l'adapter aux thèmes !
Merci beaucoup cap'tain

Merci pour le partage !

Merci pour ce code ! Le bleu c'est bien, mais ça faisait bizarre chez moi xD

Excellent, c'est tellement plus esthétique ! Merci beaucoup