[Solucionado] Problemas con el onclick [en realidad :focus]

[UkySoft]

Hola buenas a todos,

Tengo una pregunta HTML, un poquito básica creo yo, pero no consigo solucionarla..

Código HTML:

<label for="user">
            <input name="user" type="text" id="user" class="Estilo1" onclick="this.style.backgroundColor='yellow';" />
          </label> 

Explico al hacer click en el campo se pone de color amarillo, lo que quiero es que cuando me salga del campo y pulse en otro se quede en el color original (blanco).

Muchas gracias desde ya
Un saludo

[lagosest]

Necesariamente tenes que usar on clic porque no te ingenias un rollover o algo por el estilo que te simplificaria las cosas eso si solo se pondria amarillo cuando el mouse este encima de el.

<label for="user">
<input name="user" type="text" id="user" class="Estilo1" onMouseover="this.style.backgroundColor='yellow';" onmouseout="this.style.backgroundColor='white'" />
</label>

[UkySoft]

Efectivamente, ese metodo lo he probado, pero no es el resultado que me interesa por eso prove de buscar algo para el onclick, porque lo que me interesa es que mientras este dentro del campo siga de un color aunque el cursor no pase por encima mientras que cuando me salga del campo se cambie al color original.

Gracias desde YA!

[zerokilled]

con css puedes hacerlo usando la pseudoclase :focus. en iexplorer solo funciona desde la version 8 en adelante. en los demas navegadores creo que funciona bien.

Código:

<style type="text/css">
input:focus{
background:#fcc;
}
</style>

[UkySoft]

Esto era lo que queria, muchas gracias por tu ayuda.

Un saludo.

[prava]

tambien podrías haber usado esto:

Código HTML:

<input name="user" type="text" id="user" class="Estilo1" onclick="this.style.background='yellow';" onblur="this.style.background='';" /> 

El onblur se ejecuta al hacer click fuera.

Saludos,
Pablo.