Comentário: Um CSS exclusivo exclusivo do WebKit pode controlar o estilo de texto. Com os efeitos da animação e a pseudo-categoria do CSS3, podemos criar facilmente uma caixa de entrada de animação, que é muito adequada para login do sistema, pesquisa etc. Se você estiver interessado, pode consultar o seguinte artigo ou ajudá-lo.
Não escrevi um artigo técnico há muito tempo. Eu tenho usado o Webkit como operadora recentemente. Obviamente, preciso usar o HTML5 e o CSS3 em grandes quantidades, o que não apenas reduz muitos JS, mas também garante mais suavemente.Quando a caixa de diálogo for selecionada, o texto rápido ficará mais leve e desaparecerá após a entrada. A prática atual é adicionar um rótulo atrás da tag de entrada. Use o controle JS.
Depois que o HTML5 aparece, temos uma abordagem melhor.
<input type = "text" placeholder = "nome de usuário ou endereço de email"/>
Vemos que existe uma tag de espaço reservado que pode ser usado como prompt de texto de um usuário. Isso é muito conveniente. Mas, para alcançar a melhor perfeição, precisamos aliviar o texto depois de selecioná -lo ou modificar o estilo do arquivo prompt. O que devemos fazer?
Input ::-Webkit-input-placeholder {
Cor: #999;
-Webkit-transição: color.5s;
}
Entrada: Focus ::-WebKit-Inputer-PlaceLitder, Input: Hover ::-Webkit-Input-Place-thilder {
Cor: #C2C2C2;
-Webkit-transição: color.5s;
}
-Webkit-Input-Place-tholder, um CSS exclusivo exclusivo do Webkit, pode controlar o estilo de texto dentro. Com os efeitos da animação e as pseudo-classes do CSS3, podemos criar facilmente uma caixa de entrada de animação, que é muito adequada para login do sistema, pesquisa e outros locais. Obviamente, esse método não funcionará para ser compatível com o IE6. No entanto, o IE9 também suporta a tag de espaço reservado, mas sua cor não pode ser modificada.
Então, o que devo fazer se não for suportado? Você pode simplesmente usar o jQuery para ajudar, para que não esteja dentro do escopo deste artigo.
Dê uma demonstração, e o endereço de demonstração deve estar no navegador do WebKit para ver o efeito total. Não é muito conveniente?