manual de referência CSS

regras CSS @RULES

大全 de propriedades CSS

Funções CSS (Functions)Manual Completo de Selectores CSS

Seletor :focus do CSS

A pseudo-classe :focus do CSS representa o elemento que obteve foco (como entrada de formulário). É acionada quando o usuário clica ou toca no elemento ou o seleciona com a tecla 'tab' do teclado.

Manual completo de seletores CSS

Exemplo online

Estilo escolhido ao obter foco em um campo de entrada:

Exemplo

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>Tutorial básico(oldtoolbag.com)</title>　
<style>
input:focus
{
　　　　fundo-cor:laranja;
}
</style>
</head>
<body>
<p>Clique no campo de entrada de texto do formulário para ver o fundo amarelo:</p>
<form>
Primeiro nome:　<input　type="text"　name="firstname"　/><br>
Último nome:　<input　type="text"　name="lastname"　/>
</form>
<p><b>Atenção:</b>　　:focus　ação no IE8,DOCTYPE　deve ser declarado</p>
</body>
</html>

Teste e veja ‹/›

Definição e uso

O seletor :focus é usado para escolher elementos com foco.

Dica: O seletor :focus aceita eventos de teclado ou outras entradas do usuário do elemento.

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.

Seletor
:focus	4.0	8.0	2.0	3.1	9.6

Atenção: 　O seletor :focus escolhe elementos com foco no IE8Deve ser declarado<!DOCTYPE> .