Comment changer la couleur d'arrière-plan du texte sélectionné dans les navigateurs?

Question

Nous savons tous que lorsque nous sélectionnons une partie de texte dans le navigateur, sa couleur de fond est passée au bleu. Est-ce un moyen de changer cette couleur par CSS ou JavaScript?

Answer 1

Oui: vous pouvez utiliser les pseudo-éléments ::selection et ::-moz-selection (MDN), ce qui vous permet de spécifier les couleurs de premier plan et d'arrière-plan du contenu sélectionné. Cela fonctionnera dans tous les principaux navigateurs sauf IE < 9, pour lequel il n'y a pas d'alternative.

::selection { 
    background: pink; 
    color: yellow; 
} 

::-moz-selection { 
    background: pink; 
    color: yellow; 
} 

Answer 2

Internet Explorer pour Windows menu

1.Dans le Outils, sélectionnez Options Internet ....

2.Cliquez sur l'onglet Général, puis sur le bouton Couleurs .... Vous pouvez sélectionner les couleurs visitées, non visitées et en vol stationnaire. Désélectionnez Utiliser les couleurs Windows si vous souhaitez également définir des couleurs de texte et d'arrière-plan personnalisées. Cliquez sur OK. Remarque: Dans Internet Explorer 7 ou version ultérieure, vous devez décocher Utiliser les couleurs Windows pour modifier l'une des couleurs par défaut.

3.Si vous souhaitez remplacer les couleurs définies par des pages avec les vôtres, cliquez sur Accessibilité ..., puis cochez Ignorer les couleurs spécifiées sur les pages Web. Cliquez sur OK.

4.Cliquez sur OK pour enregistrer vos modifications et fermer la fenêtre Options Internet. Safari Safari ne vous permet pas de modifier facilement l'arrière-plan, le texte, le lien visité et les couleurs de liens non consultés. Cependant, vous pouvez utiliser vos propres feuilles de style pour afficher les pages Web:

Dans le menu Safari, sélectionnez Préférences ....

2.Dans la fenêtre qui s'affiche, cliquez sur Avancé. 3.Dans le menu déroulant à côté de "Feuille de style:", sélectionnez Autre ..., puis naviguez jusqu'à la feuille de style que vous souhaitez utiliser.

4.Cliquez sur Choisir.

Firefox 3.x

1. Si vous utilisez Windows ou Linux, dans le menu Outils, sélectionnez Options .... Sous Mac OS X, dans le menu Firefox, sélectionnez Préférences ....

2.Cliquez sur Contenu. Sous "Fonts & Colors", cliquez sur Couleurs .... 3. Sélectionnez les couleurs pour l'arrière-plan, le texte, les liens visités et les liens non visités.

4.Si vous souhaitez remplacer les paramètres de couleur des sites par les vôtres, décochez la case Autoriser les pages à choisir leurs propres couleurs, au lieu de mes sélections ci-dessus.

Answer 3

Pour un travail plus complètement, vous pouvez utiliser plusieurs sélecteurs avec la même fonction, mais utilisé dans différents navigateurs:

::selection { 
    background: orange; 
    color: white; 
} 

::-moz-selection { 
    background: orange; 
    color: white; 
} 

::-webkit-selection { 
    background: orange; 
    color: white; 
} 

::-o-selection { 
    background: orange; 
} 

::-ms-selection { 
    background: orange; 
    color: white; 
} 

-moz- Firefox.

-webkit- Safari et Chrome.

-o- Opera.

-ms- Internet Explorer.