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
input:focus {
}
Exemplo
Após receber o foco, o input terá uma borda vermelha e sombra:
<input>
input:focus {
border: 1px solid red;
box-shadow: 0 0 3px red;
}
:
