Устранение неполадок, связанных с исчезновением рамки Chrome при масштабировании

Проблема, поднятая в этой ветке форума, связана с исчезновением границ ввода в Chrome, когда пользователи увеличивают или уменьшают масштаб вне. Хотя проблема может быть не распространена для всех пользователей, она затрагивает конкретную форму (доступна по адресу http://jsfiddle.net/TKb6M/91/).

При увеличении, например, до 90 %, исходный границы исчезают, оставляя поле ввода визуально без украшений. Пользователь также упоминает включение тегов на основе рекомендаций из другой темы, целью которых является эффективное распределение горизонтального пространства.

Возникает вопрос, является ли это проблемой CSS или особым поведением Chrome. Кроме того, пользователь ищет решения, позволяющие предотвратить этот нежелательный эффект.

Предлагаемое решение

Хотя исходный плакат, возможно, и решал эту проблему, проницательный пользователь наткнулся на простой решение. Проблему можно решить, изменив код CSS.

Исходный CSS

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

Измененный CSS

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

Эта модификация эффективно заменяет явное значение «1px» на «thin», относительную единицу измерения. В результате граница сохраняет единообразный вид независимо от уровня масштабирования.

Решение было взято из ветки форума по продуктам Google: https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc.

Реализация этого простого изменения должна решить проблему исчезновения границ в Chrome, обеспечивая визуально единообразный пользовательский интерфейс при масштабировании.