como detectar que se selecciono una caja de texto??

Citar

Escrito el 28 Jul 2011 08:18 pm

Hola me gustaria saber como puedo saver cuando es seleccionada una caja de texto, lo mas cercano que logre hacer fue con jquery marcar la caja de texto a la que se le da click,

Pero si pasan con el tabulador no puedo hacer que se seleccione.

Me refiero a alterar alguna de sus propiedades de css por ejemplo todos los inputs background-color=blanco,
Pero el que este activo cambie a rojo, ya sea con el tabulador o al dar click.

Algo asi como cuando con CSS se coloca

a{
color:#f00;
}

a:hover{
color:#0f0;
}

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 29 Jul 2011 12:53 pm

Con la pseudo clase :focus...

Código HTML :

<!doctype html>
<html>
<head>
<style>
input {
   border: 1px solid blue;
}
input:focus {
   border: 1px solid red;
}
</style>
</head>
<body>
<form name="form1" id="form1">
   <input type="text" name="texto1" />
   <input type="text" name="texto2" />
   <input type="text" name="texto3" />
   <input type="text" name="texto4" />
   <input type="text" name="texto5" />
</form>
</body>
</html>

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 29 Jul 2011 01:16 pm

Perfectisimo, es justo lo que queria muchas gracias... abusando un poco de casualidad tendras un listado de las pseudo clases existentes para css.. bueno comensare a buscar sobre ello en san Google, pero si tienes algun enlace que me recomiendes que mejor... nuevamente gracias y que tengas un gran fin de semana

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email