1.2 KiB
1.2 KiB
title | localeTitle |
---|---|
Focus | Foco |
Foco
Definição
O :focus
representa um elemento que recebeu um estado de foco, acionado por um evento do teclado. A ação do gatilho vem pressionando a tecla TAB , que cria visualmente um anel ao redor de um elemento.
Sintaxe
:focus
Exemplo
a:focus {
color: red;
}
Saída
Mais Informações:
MDN - Rede de Desenvolvedores Mozilla | : foco - CSS
A pseudo-classe CSS de focus é usada para selecionar o elemento que tem foco (como uma entrada de formulário).
Geralmente é acionado quando o usuário clica ou toca em um elemento ou o seleciona com a tecla "tab" do teclado.
Sintaxe:
:focus
Exemplo
HTML:
<form>
<input type="text" value="The background will turn yellow when you click on it.">
</form>
CSS:
input:focus {
background-color: yellow;
}
Mais Informações:
Para mais informações, visite MDN