28220 sujets

CSS et mise en forme, CSS3

J'ai remarqué que sur certains site Web, quand on sélectionne du texte. Il est surligné d'une autre couleur que le bleu marine traditionnel...

On peut en voir un exemple ici : http://shop.deviantart.com/
le texte surligné devient blanc sur fond rouge.

J'ai regardé leur feuille css et je n'ai pas réussi à reproduire un effet de ce genre. Si vous pourriez m'aider ce serait sympa.
=)
Modifié par L-0sWald (18 Aug 2005 - 02:28)
J'ai localisé ca :
.option-selected {
	border-color:#6E1622 !important;
	background:#6E1622 !important;
	color:#FFF !important;
}


Les couleurs correspondent mais j'arrive pas à m'en servir...
Nan c'est ca en fait :
::-moz-selection {
	color:#FFF;
	background:#7E1622;
}


Ca marche sous Mozilla, mais pas sous IE.
Modifié par Wezzar (14 Aug 2005 - 16:17)
Et dans le html on utilise quoi comme code pour lier le texte a cette fonction?

Car je n'avais jamais vu le ::- devant un nom de fonction.

Au fait, le code ne fonctionne que sous firefox. Ma version de mozilla et IE ne le prennent pas en considération.
::-moz-selection est un sélecteur propre aux navigateurs Gecko (Firefox et Mozilla, etc.) qui n'a aucun sens pour d'autres navigateurs (IE, Opera, Safari, etc.)
Il n'est pas destiné à être utilisé dans une CSS "de site" : il est utilisé (par certaines versions des navigateurs gecko) dans des feuilles de styles "internes" que vous trouverez dans le répertoire /res/ de votre navigateur.

Attention, si vous utilisez tout de même cette propriété : vous pouvez entrer en conflit avec la configuration de couleurs de l'utilisateur, et rendre la sélection illisible...