Pseudoclase focus
La pseudoclase focus define estilos para
un input,
un textarea
o un enlace
con foco de entrada. Foco de entrada significa
que hemos hecho clic en el input y hay un cursor en forma de barra parpadeando
(se puede introducir texto).
Sintaxis
input:focus {
}
Ejemplo
Después de recibir el foco, el input obtendrá un borde rojo y una sombra:
<input>
input:focus {
border: 1px solid red;
box-shadow: 0 0 3px red;
}
: