Pseudo-classe focus

A pseudo-classe focus define estilos para um input, uma textarea ou um link com foco de entrada. Foco de entrada é quando clicamos em um input e há um cursor piscando (é possível inserir texto).

Sintaxe

cssinput:focus {
  
}

Exemplo

Após receber o foco, o input terá uma borda vermelha e sombra:

html<input>

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

Результат:

Veja também

a pseudo-classe link,
que define o estilo para um link não visitado
a pseudo-classe visited,
que define o estilo para um link visitado
a pseudo-classe hover,
que define o estilo para um link ao passar o mouse
a pseudo-classe active,
que define o estilo para um link ao ser ativado