Resaltar campo con CSS

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 en la entrada