Как сделать резиновый input?

Question

[WTERH]

Как сделать резиновый input?
Найденные реализации предлагают кучу css и обертку над input, чего крайне не хотелось бы.
Возможно ли обойтись без обертки, одним input?

Answer 1

[Ivan Korsakov]

С помощью flexbox можно, если поддержка позволяет:
JSFIDDLE

Comments

[WTERH]

этот вариант опять же оборачивает input в пару блоков, что не желательно.

[Ivan Korsakov]

Костантин Данович: можно div классы опустить: https://jsfiddle.net/russiansoon/tfp58b9m/2/

[WTERH]

Nik: хм, думаю это будет наиболее близкое решение. Спасибо)