Почему смещается background при наведении?

Question

[stainer]

Добрый день.
Подскажите, пожалуйста.
Вот сайт.
Есть проблема в chrome в верстке. При наведении на input, background с лупой смещается на пиксель (в firefox все ок).


Понимаю, что это из-за изменения border, но ведь он не увеличивается в ширине, а просто меняет цвет.
Заранее спасибо!

Answer 1

[Ankhena]

Объяснений у меня нет, но поменяйте цвет рамки в начальном положении с rgba на просто серый, все равно он на белом фоне.

Comments

[stainer]

Спасибо, ваше решение помогло, но ради интереса и опыта разобрался бы что за особенность хрома)

[Rustam Bainazarov]

stainer, происходит так скорее всего из-за ошибки рендеринга. Меняя цвет рамки, задействуем перерисовку. У Chrome есть такие темы. Иногда box-shadow дёргается или перед последней фазой трансформацией элемент дёргается (ну это вообще классика).

[Ankhena]

stainer, только предположения, примерно как выше

Answer 2

[Сергей Горячев]

input:focus border

Comments

[stainer]

Да, я нашел, что из-за это, но там же просто применяется свойство border-color, а не меняется ширина и размеры