Solução de problemas de desaparecimento da borda do Chrome com zoom

A preocupação levantada neste tópico do fórum envolve o desaparecimento das bordas de entrada no Chrome quando os usuários aumentam o zoom ou fora. Embora o problema possa não prevalecer para todos os usuários, ele afeta um formulário específico (disponível em http://jsfiddle.net/TKb6M/91/).

Quando ampliado para 90%, por exemplo, o original as bordas desaparecem, deixando o campo de entrada visualmente sem adornos. O usuário também menciona a inclusão de tags com base em recomendações de outro tópico, que visa alocar espaço horizontal de forma eficiente.

Surge a questão se isso é um problema com o CSS ou um comportamento específico do Chrome. Além disso, o usuário busca soluções para evitar esse efeito indesejado.

Solução proposta

Embora o postador original possa ter abordado a preocupação, um usuário astuto se deparou com uma solução simples solução. Ao modificar o código CSS, o problema pode ser resolvido.

CSS original

INPUT,TEXTAREA {
border-top: 1px solid #aaa
}

CSS modificado

INPUT,TEXTAREA {
border-top: thin solid #aaa
}

Esta modificação substitui efetivamente o valor explícito "1px" por "thin", uma unidade relativa. Como resultado, a borda mantém uma aparência consistente, independentemente do nível de zoom.

A solução foi obtida em um tópico do fórum de produtos do Google: https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc.

A implementação dessa alteração simples deve aliviar o problema de desaparecimento de bordas no Chrome, garantindo uma experiência do usuário visualmente consistente durante o zoom.