a:active background-color

[skiantos2k]

ciao a tutti. Ho un problema nell'impostare lo stile di un menu.
Il menu ha 5 voci. Io voglio che quando si clicca su una di esse lo sfondo di questa diventi bianco e ci resti finchè non si faccia click su un'altra voce del menu, e non solo fino a quando sia premuto il tasto del mouse!
...non so se mi spiego.
Questo è il codice css. E funziona! sia su IE che su Firefox! quello che non capisco è invece perchè non funziona su Safari!
Qualcuno saprebbe dirmi come fare per farlo funzionare anche su Safari?

a:link
{
color: #003D00;
text-decoration: none;
}
a:visited
{
color: #003D00;
text-decoration: none;

}


a:focus
{
color: #003D00;
text-decoration: none;
background-color: white;
}


a:hover
{
color: #006633;
text-decoration: underline;



}
a:active
{
color: #003D00;
text-decoration: none;
background-color: white;
}

[Mich_]

Perche` il :focus e` diverso dall':hover?
E perche` l':active e` uguale al :link? - dovrebbe essere come l':hover!

Non tutti i browser riconoscono il :focus, e forse e` per quello che ti sembra funzionare.

Io userei:

a:link, a:visited {
  color: #003D00;
  text-decoration: none;
  background-color: ...;
}
a:focus, a:hover, a:active {
  color: #063;
  text-decoration: none;
  background-color: white;
}

Altrimenti fa' le prove mettendo colori divesi nei vari stati, e verifica quando-come- in quali browser la cosa funziona.

PS: nota che la condizione nei CSS non e` mai il click del mouse: le condizioni diverse sono il passaggio del mouse e il fatto di avere il mouse premuto: quando e` rilasciato ritorna la situazione :hover o :focus.