@freeman0204

Как подвинуть в данном случаи border у input?

codepen.io/freeman0204/pen/rLxJvW это поиск который открывается когда на нем фокус. У инпута есть бордер нижний, мне нужно его переставить немного в другое место но что бы он также анимировался. Как это можно сделать?
  • Вопрос задан
  • 376 просмотров
Пригласить эксперта
Ответы на вопрос 2
romich
@romich
Frontend разработчик
немного в другое, это в какое?
Вы можете к примеру добавить padding-bottom: 10px, следовательно border будет ниже на 10px
Ответ написан
input[type=search] {
	width: 36px;
  /*height: 36px;*/
  padding: 10px 0 2px 10px; // добавить эту строку и поиграться как хочется
  backnd: red;
  margin: 0 30px 0 40px;
	transition: all .5s;
  position: relative;
}


Если я правильно понял то, чего вы добиваетесь.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы