Как сделать ряд инпутов и сломать border?

Question

[lavezzi1]

В общем из-за чего ломается - понятно. Как исправить? Нужно чтобы при фокусе бордер конкретного инпута был полностью подсвечен. На каком то сайте видел подобное – было все ок. Спасибо

codepen.io/anon/pen/VjJkQq

Answer 1

[Дима Паутов]

codepen.io/bootd/pen/oLAvda

Comments

[lavezzi1]

Круто, почему то только когда два инпута рядом по горизонтали, отрицательный маргин не работает

[Дима Паутов]

lavezzi1: ну тогда нужно его влево делать, а не как щас вверх

Answer 2

[HamSter]

&:focus {
    border:2px solid blue;
  }