cambiare sfondo con il focus

[miki.]

ho un form, e vorrei che cambiasse lo sfondo quando l'input è selezionato.
Ho provato utilizzando la pseudoclasse :focus, ma non mi va.

esempio:

<input class="text" [...] />

.text{
background:#0f0;
}
.text:focus{
background:#f00;
}

[pierofix]

Non va con IE: con i browser seri sì. Facciamo solo una piccola correzione:

.text { 
   background-color:#0f0; 
} 
.text:focus { 
   background-color:#f00; 
}

Se proprio vuoi che l'effetto si abbia anche su IE allora devi rifarti a javascript.

[miki.]

Originariamente inviato da pierofix
Non va con IE: con i browser seri sì. Facciamo solo una piccola correzione:

.text { 
   background-color:#0f0; 
} 
.text:focus { 
   background-color:#f00; 
}

Se proprio vuoi che l'effetto si abbia anche su IE allora devi rifarti a javascript.

ah, è che lo scrivevo senza -color e quindi non mi andava nemmeno su FireFox.

Grazie

[pierofix]

Originariamente inviato da miki.
ah, è che lo scrivevo senza -color e quindi non mi andava nemmeno su FireFox.

Take a look:

- www.w3.org/TR/CSS21/colors.html#q2



P.S. Trovato la scusa per London?