Exemplo
Selecione e estilo de um campo de entrada quando fica foco:
input:focus
{
background-color: yellow;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A: selector de focagem é usado para selecionar o elemento que tem foco.
Tip: A: selector de focagem é permitido em elementos que aceitam eventos de teclado ou outras entradas do usuário.
| Versão: | CSS2 |
|---|
Suporte a navegadores
Os números na tabela especifica a primeira versão do navegador que suporta plenamente o selector.
| seletor | |||||
|---|---|---|---|---|---|
| :focus | 4.0 | 8 | 2.0 | 3.1 | 9,6 |
Note: Para: foco para trabalhar no IE8, um <! DOCTYPE> deve ser declarada.
CSS Syntax
mais Exemplos
Exemplo
Quando um <input type="text"> obtém o foco, mudar gradualmente a largura de 100px para 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
} Tente você mesmo " Páginas relacionadas
Tutorial CSS: as classes CSS Pseudo