Discussion :

[dervish]

Salut,
j'ai un petit souci avec la pseudo-classe :focus.
je n'arrive pas à la faire fonctionner sur les éléments d'une liste.
Je suis en train de faire un petit menu en css avec une liste et j'aimerai pouvoir changer la couleur de fond d'un élément sur lequel on a cliqué.
J'ai fait:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
dt:focus{
	background:yellow;
}
dt:hover{
    background-color:#9795C7;
}

mais rien ne se passe.
Aurais-je mal saisi quelque chose ?
Au fait je teste sous moz 1.7

[bonnafb]

essaie plutôt :
dt.focus {background-color:yellow;}
dt.focus:hover {background-color:#9795c7;}

ça devrait mieux fonctionner

[dervish]

merci pour ta réponse, mais ça ne fonctionne pas...

[bonnafb]

la solution est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
dt:focus {background-color:yellow;} 
dt:focus:hover {background-color:#9795c7;}

je pensais que tu avais créé une classe "focus"

[dervish]

Toujours pas...
est-ce que mozilla n'interprèterai pas :focus ?
(C'est la version linux...)

[multani]

:focus, c'est pas :active ?

[Invité]

Tu ne peux normalement donner le focus qu'aux éléments dits "actifs" (commandes de formulaire, liens, boutons...). Ton code ne peut pas marcher. (idem pour :active).

Le :hover par contre devrait fonctionner sans problème.

[dervish]

Ok merci