[Résolu] Sélection de texte dans une page

Bonsoir
Je reçois une demande de la part de mon "client":

j’aimerais, lorsqu’on sélectionne du texte, remplacer la sempiternelle couleur bleue par une autre, comme le font certains sites.

Quelque a-t-il une idée sur la façon de traiter ce problème?
Bonne nuit à tous.
Modifié par PapyJP (28 Nov 2017 - 00:06)

Bonsoir,

c'est un pseudo-élément:

::selection,
::-moz-selection {
  background: pink;
}

p.machin::selection,
p.machin::-moz-selection {
  background: yellow;
}

ps: il existe aussi inactive-selection pour la sélection grisée (la fenêtre n'a pas le focus)

https://caniuse.com/#feat=css-selection
https://www.w3.org/TR/css-pseudo-4/#selectordef-selection

Génial !
Merci et bonne journée

...sauf que je ne parviens pas à le faire fonctionner!
voir par exemple https://tests.osirisnet.net/centrale.htm
j'ai recopié

::selection,
::-moz-selection {
  background: pink;
}

les sélections restent sur fond bleu avec FF et Chrome

Bonjour,

Il vous faut dédoubler l'instruction en séparant ::selection de ::-moz-selection et vous constaterez que ça fonctionne.

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

Modifié par Greg_Lumiere (28 Nov 2017 - 09:35)

ooups pardon merci Greg

Merci, ça marche!