Preenchimento automático de HTML input é uma ação frequente do usuário que pode melhorar drasticamente a experiência do usuário. Todos nós preenchemos automaticamente nossas senhas e informações de endereço. Mas qual é o controle que temos quando input foram preenchidos automaticamente?
Para adicionar estilos CSS personalizados a entradas cujo conteúdo foi preenchido automaticamente pelo navegador, o senhor pode usar o comando :autofill pseudo-class:
input:autofill {
border: 2px solid orange;
}
Fico muito feliz que os navegadores permitam que os desenvolvedores de sites e aplicativos personalizem o estilo dos elementos que foram alterados pelo navegador. O preenchimento automático, até certo ponto, é um ato não natural, portanto, sinalizar que o valor em um input foi alterado sem controle é importante.
Como diferentes navegadores e sistemas operacionais às vezes estilizam os elementos preenchidos automaticamente de forma diferente, :autofill é extremamente útil!
Uma entrevista com Eric Meyer
Seus primeiros livros sobre CSS foram fundamentais para impulsionar meu amor pelas tecnologias de front-end. O que havia no CSS que o senhor se apaixonou e o levou a escrever sobre ele?
Novo plugin do MooTools: ElementFilter
Meu novo plug-in do MooTools, ElementFilter, oferece uma ótima maneira de permitir que os usuários pesquisem o texto de qualquer combinação de elementos. Basta fornecer uma caixa de entrada de texto e o ElementFilter fará o resto do trabalho. O XHTML Usei uma lista para este exemplo…