Как впихнуть кнопку внутрь инпута?

Question

[Евгений Самсонов]

Каким образом это делается? Такое возможно? Без бутстрапа далал такое с помощью скрытия обводки инпута, а затем рисовал обводку вокруг двух элементов, хотелось бы менее костыльный метод освоить.

Comments

[Пащук Илья]

Была у мен помню такая задача, я так нормального решения и не нашел, выкрутился просто позиционировал как слой с верху разместил кнопку на инпуте. а вообще думаю есть решение, хотя я бы не заморачивался!

[Евгений Самсонов]

Пащук Илья: так тоже не хочу. Всё очень резиновое, играться с наложением слоёв нет желания, это как-то костыльно.

Answer 1

[D']

Так это же делают с помощью position:absolute
Просто двигаем кнопку куда нужно и всё.
PS
Так, не?

Comments

[Евгений Самсонов]

так и пришлось сделать, думал есть более изящный способ

[WhiteSama]

Это и есть самый изящный вариант (только с использованием псевдоэдементов)

[Anton Filippov]

Евгений Самсонов: мой изящный вариант удалили мочераторы)

Answer 2

[Евгений Елчев]

Вот отличные примеры.
shpargalkablog.ru/2013/12/input-before-after.html