Crear cuenta / - Bitacoras.comAgregador → Enlace permanente ¬

0puntos votar

¿Cómo resaltar un elemento contenedor de un campo de formulario on focus?

Cambiar el estilo de un input cuando se encuentra en estado focus es muy fácil si utilizamos el selector homónimo: input:focus { background-color:yellow; }El problema surge cuando queremos cambiar algo mas que el estilo del input (o sea, del campo en donde el usuario ingresará información), sino que deseamos que cambie el estilo del div que encierra a nuestro input. Por ejemplo, en la siguiente imagen mostramos como el campo Username está resaltado con un estilo diferente en su estado focus, y el campo First Name se muestra diferente, debido a que se encuentra en su estado original. ¿Cómo podemos lograrlo de forma compatible con todos los navegadores? Con un poco de jQuery. Primero descargamos el script y lo insertamos en nuestro proyecto. Luego elaboramos el HTML de nuestro formulario de forma que .field sea la clase contenedora del label y el input. Colocamos en el input el código a ejecutarse cuando se encuentre en estado focus. Username First Name Y ahora utilizamos jQuery para indicar la modificación que...
tags
Continuar leyendo

Recomienda esta anotación por e-mail

No se ha detectado ningún blog que referencie esta entrada.