Solución de problemas con la desaparición del borde de Chrome en Zoom

La preocupación planteada en este hilo del foro implica la desaparición de los bordes de entrada en Chrome cuando los usuarios hacen zoom o afuera. Si bien el problema puede no ser frecuente para todos los usuarios, afecta a una forma específica (disponible en http://jsfiddle.net/TKb6M/91/).

Cuando se amplía al 90%, por ejemplo, el original Los bordes desaparecen, dejando el campo de entrada visualmente sin adornos. El usuario también menciona incluir etiquetas basadas en recomendaciones de otro hilo, cuyo objetivo es asignar espacio horizontal de manera eficiente.

Surge la pregunta de si se trata de un problema con el CSS o de un comportamiento específico de Chrome. Además, el usuario busca soluciones para evitar este efecto no deseado.

Solución propuesta

Si bien el cartel original puede haber abordado el problema, un usuario astuto se ha topado con una solución sencilla. solución. Al modificar el código CSS, el problema se puede resolver.

CSS original

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

CSS modificado

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

Esta modificación reemplaza efectivamente el valor explícito "1px" con "delgada", una unidad relativa. Como resultado, el borde conserva una apariencia consistente independientemente del nivel de zoom.

La solución se obtuvo de un hilo del foro de productos de Google: https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc.

La implementación de esta simple modificación debería aliviar el problema de desaparición del borde en Chrome, garantizando una experiencia de usuario visualmente consistente al hacer zoom.