Cambiar el estilo de un input al recibir foco

[Kriminal]

Hola gente:
Me gustaría saber como hacer para que, al posicionar el cursor sobre un input text, cambie el estilo del input (para resaltar lo que el usuario está haciendo - cargando el input -)

por ejemplo, si mi input es:

Código:

input{
background: #FBFBFB; 
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #585858;
border: 1px solid #707070;
}

que al recibir foco se transforme en

Código:

input.foco{
background: #FFF; 
border: 1px solid #000;
}

Intuyo que se debe usar algun evento javascript, pero no termino de lograrlo.

Bueno, muchas gracias desde ya,

Kriminal

[Kriminal]

Ah... encontré una solución parcial.. funciona en Mozilla pero no en IE
Es agregar directamente la propiedad "focus" al elemento "input"

Código:

input:focus{
background: #FFF; 
border: 1px solid #000;
}

Si alguien sabe como "arreglarlo" para que también funcione en IE, agradecidísimo.

[JavierB]

Hola Kriminal

Intentalo usando JavaScript:

Código:

<input type="text" onfocus="this.className='foco'" onblur="this.className=''" />

Saludos,

[Kriminal]

Excelente! Funciona a la perfección.
Muchas gracias JavierB !!

[JavierB]

Me alegro de que ta halla resultado útil. Hasta pronto