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

cssinput:focus {
  
}

Ejemplo

Después de recibir el foco, el input obtendrá un borde rojo y una sombra:

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

Véase también

la pseudoclase link,
que define el estilo para un enlace no visitado
la pseudoclase visited,
que define el estilo para un enlace visitado
la pseudoclase hover,
que define el estilo para un enlace al pasar el cursor
la pseudoclase active,
que define el estilo para un enlace al activarlo