Как сделать форму покупки на сайте (как на картинке)?

Question

[Дмитрий Лоликов]

Верстаю сайты, пытаюсь сделать верстку сайта ELEMENTARY, но незнаю как сделать форму платежей (как на этой картинке). Пожалуйста помогите, весь инет обыскал))
Заранее спасибо)

Answer 1

[Артур Карапетян]

Ну это стилизованые radio-кнопки

Comments

[Дмитрий Лоликов]

Но в поле: "Другая сумма" можно вводить любые цифры, тогда как подсчитать что пользователь введет в данной строке?

[Артур Карапетян]

Я бы сделал так: Это input , на который сделал заливку и текст плейслолдером , и отклбчил user-select, а при :hover, :focus я бы убирал заливку и ставил user-select

[Дмитрий Лоликов]

Артур: Слушай, а это идея, спасибо)

[Артур Карапетян]

Lololishka: Не за что, вот мой пример стилизации radio