Code pour changer la couleur d'une sélection

Résolu/Fermé
elombre Messages postés 1 Date d'inscription jeudi 8 novembre 2007 Statut Membre Dernière intervention 8 novembre 2007 - 8 nov. 2007 à 23:27
 venetes - 16 sept. 2012 à 20:11
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 !
A voir également:

3 réponses

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
22 nov. 2010 à 19:14
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
*::-khtml-selection {
	background:#cc2a00;
	color:#fff;
}

*::ô-selection {
	background:#cc2a00;
	color:#fff;
}
0
Oui moi aussi je ne comprends pas là...
0
gloutonbargeot Messages postés 349 Date d'inscription vendredi 24 juin 2011 Statut Membre Dernière intervention 15 novembre 2016 123
18 juil. 2012 à 16:19
Trop bon! Merci les gars!
0
ne fonctionne que sur firefox
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 nov. 2007 à 08:56
salut,

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

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

ici une zone de selection rouge et du texte blanc
0