Проблема с масштабированием Chrome: исчезают границы ввода

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

Проблема возникает при увеличении масштаба с помощью Chrome, что приводит к исчезновению границ ввода. Такое поведение наблюдалось на некоторых веб-сайтах и ​​может варьироваться в зависимости от уровня масштабирования.

Решение: изменение CSS для толщины границы

Простое решение этой проблемы заключается в изменении CSS для границ. В частности, проблема решается изменением толщины границы с фиксированного значения на «тонкую».

Например, если CSS изначально включал следующий код:

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

Проблема устраняется заменой на следующий код:

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

Ошибка Chrome или проблема CSS?

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

Изменение толщины границы на «тонкую», похоже, эффективно решает проблему, предполагая, что проблема связана с отрисовкой тонких границ в Chrome.