Как реализовать серую область?

Question

[Ratibor]

Как правильнее реализовать серую область? А то я что то сомневаюсь как правильно будет, псевдоэлементами или просто кусок вставить перед imput, а может еще как то можно.

Answer 1

[iBird Rose]

1) отдельным элементом или after/before. ставишь через absolute
2) отдельным элементом. ставишь через inline-block или float: left;

тут скорее как самому удобнее будет

Answer 2

[Александр Лысенко]

border-radius левому и правому элементу по отдельности, если высота блока известна заранее и не изменяется. Или border-radius их общему родителю + overflow: hidden;