Version complète: sur le forum Webmaster Hub : Choisir la couleur de fond du texte selectionné
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Locace
Bonjour,

Petite question qui me taraude depuis hier soir.

Est-il possible de choisir la couleur de fond d'un texte séléctionné ? Vous savez quand vous séléctionnez un texte noir, celui devient blanc sur fond bleu.
Est-il possible qu'il devienne noir sur fond rose, par exemple ?

Si oui comment ?
Je n'ai jamais entendu parler de CSS le permettant, mais qui sait...

Sinon peut-on se tourner vers le JavaScript ?

J'ai fouillé le web pour avoir quelques exemples mais je n'arrive plus à mettre la main dessus. Je suis déjà passé sur quelques sites où le texte séléctionné devient bleu sur fond blanc par exemple.
captain_torche
A ce que j'en sais, c'est géré de manière automatique par le navigateur (voire le système) : sur un fond clair, le texte devient blanc sur fond bleu (tu peux le constater ici), alors que sur un fond foncé, il devient bleu sur fond blanc.
Il n'existe pas à ma connaissance de moyen pour le forcer.
Locace
C'est ce qu'il me semblait aussi, pourtant je n'ai pas la berlue j'ai bien vu ça su quelques sites.

Je viendrais poster le lien quand je le retrouverais.

ps : sacrée réactivité capitaine !
tribords
Je confirme : je l'ai vu aussi sur un site dont forécement je ne me rappelle plus l'adresse. Et je soupçonne javascript. Je reposterai ici si je retrouve l'adresse. Surprenant en tous les cas !
tribords
Voilà j'ai retrouvé : http://www.tendances-de-mode.com <- surlignement en rouge-orangé. Et voici le code trouvé dans la CSS :
CODE
*::-moz-selection {
    background-color:#FF3C00;
    color:white;
}


smile.gif
captain_torche
Effectivement, tu viens de m'apprendre quelque chose wink.gif
Toutefois, ce n'est gérable que dans les navigateurs mozilla (type firefox).
Tous les autres (IE, Opera, Safari) ne le prendront pas en compte.
lorem_ipsum
Bien vu wink.gif a_thumbsup_20.gif
petit-ourson
Il faudrait voir si c'est une invention de Mozilla ou une spécifications pour une future version des CSS.
Phobos
C'est du CSS3, Safari le prend en compte d'ailleurs déjà sans le moz- smile.gif
Dudu
Salut

C'est une spécification CSS3 qui s'appellera :selection.
Pour le moment, CSS3 n'est pas sorti donc Mozilla préfère utiliser un préfixe propriétaire, mais la version définitive devrait y ressembler très fortement.

Nb: Safari prend cette propriété en compte, même avec le préfixe moz-.
captain_torche
Pour Safari, je ne l'ai pas constaté avec la version Windows... Il y a donc des différences entre les deux plateformes.

A moins que ce ne soit le selecteur *::-moz-selection qui soit propriétaire Firefox, je ne l'ai jamais rencontré.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.