Как сверстать такой input?

Question

[Кирилл Конторович]

Добрый день, есть вот такой инпут, внутри которого находится еще и подобие radio кнопок, которые выбираются, хотел бы услышать ваши идеи по этому поводу.

Сам же думаю, абсолютным позиционированием его туда положить

Comments

[Lord_Dantes]

Оболочку дивкой с фоном, потом родительский див с бордером снизу и инпут на 50 процентов ширины и радио кнопки, как вам?

[Lord_Dantes]

Или вот так:

<div style="background: #333;">
   <div style="border-bottom: 1px">
      <input type="text" width="50%">
      <чекбоксы>
   </div>
</div>

[Кирилл Конторович]

Slave, Вы гений)

[Lord_Dantes]

Кирилл Конторович, возможно нужно чтобы инпут (полоска) была активная типо анимация, чтобы реализовать это используйте фокус псевдо элементы или уже js-кой)

Answer 1

[Антон Усачев]

Можно так: