Code pour changer la couleur d'une sélection

[Résolu/Fermé]
Signaler
Messages postés
1
Date d'inscription
jeudi 8 novembre 2007
Statut
Membre
Dernière intervention
8 novembre 2007
-
 venetes -
Bonjour,

ma question est, je crois, difficile...

Vous savez, avec votre souris, quand vous choisissez de sélectionner une partie d'un texte ou d'un mot, cette sélection se noircie et le texte devient blanc (pour word par exemple).

je souhaiterai sur un site Internet, changer les couleurs de sélection... je ne connais pas le terme technique

j'ai vu que sur un site (mais son auteur m'a dit que c'était par défaut dans son thème wordpress et n'a donc pas pu m'aider, et je n'arrive pas à contacter son auteur) que la sélection d'un texte se faisait par exemple en orange :

exemple sur : http://www.lapeniche.net/
>> sélectionnez avec votre souris un texte, vous allez comprendre ce que je veux dire

la question, c'est, comment fait on cela ??

merci !

3 réponses

Messages postés
18582
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
22 octobre 2021
4 328
Salut.

Ça fonctionne aussi sur Webkit (Safari, Chrome)

*::selection {
	background:#cc2a00;
	color:#fff;
}

*::-moz-selection {
	background:#cc2a00;
	color:#fff;
}

*::-webkit-selection {
	background:#cc2a00;
	color:#fff;
}
17
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

*::-khtml-selection {
	background:#cc2a00;
	color:#fff;
}

*::ô-selection {
	background:#cc2a00;
	color:#fff;
}
Oui moi aussi je ne comprends pas là...
Messages postés
348
Date d'inscription
vendredi 24 juin 2011
Statut
Membre
Dernière intervention
15 novembre 2016
125
Trop bon! Merci les gars!
ne fonctionne que sur firefox
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
914
salut,

bien vu !
*::-moz-selection {
	background-color:#FF3C00;
	color:white;
}

malheureusement ça reste limité à Mozzila…
<style>
::selection {background: #e34a4a; color:#fff;}
::-moz-selection {background: #e34a4a; color:#fff;}
</style>

ici une zone de selection rouge et du texte blanc