Para lograr que el campo de un formulario activo (en focus) se comporte de una manera diferente, como es el caso de cambiar el grosor y color del borde, como también su color de fondo como se muestra a continuación: (Hacer click dentro del textbox)
Necesitamos solamente incluir un código como el siguiente:
input:focus{ border: 2px solid #939993; background: #f5fff5; }
Como se demostró anteriormente, por medio de la propiedad border de CSS podemos especificar el tamaño (2px), el estilo (solid) y color (#939993) del borde, al igual que por medio de la propiedad background podemos definir el color de fondo.
Todos los valores definidos se aplicarán a elementos HTML de tipo input que se encuentren activos (en focus).En caso de querer afectar sólo a los campos input de tipo texto, se debe especificar de la siguiente forma:
input[type="text"]:focus
No hay comentarios:
Publicar un comentario