Почему CSS transition меняет толщину border поля ввода?

Question

[weranda]

Приветствую
При обновлении страницы на границах поля ввода информации (input[type='text']) в браузере Chrome появляются двойные черные полосы со всех сторон, в других браузерах все нормально. Я выяснил, что это происходит из-за правила transition: all 100s ease-out; (специально увеличил интервал для наглядности). На странице ниже есть такие же поля с такими же свойствами и у них все корректно. Проверил каждое вычисленное браузером свойство в инспекторе кода — во всех полях все одинаково, даже перенес весь код форм в одно место, а все остальное поудалял, но вот такая загадочная штука происходит.

Может быть кто-то сталкивался с таким?
Сайт на компе, выкладывать долго, поэтому даже намек поможет.

Answer 1

[Stalker_RED]

Когда поле без фокуса, у него одни стили, когда с фокусом - другие.
transition: all пытается анимировать ВСЕ свойства, в том числе бордер.