В примере используется шрифт Font Awesome и графическая иконка

Пример:

В последнем варианте в качестве иконки используется графический файл.

Скриншот использования этих кнопок в калькуляторе

Еще один вариант оформления радиокнопок в виде карточек

HTML:

CSS:

За основу взято решение, найденное на codepen.io у пользователя LeFourbeFromage

Смотрите также:

Два варианта рейтинга со звездочками по 5-ти и 10-ти бальной шкале

Очень простой метод запрета отправки формы пока не установлена галочка checkbox

Плагин для jQuery, позволяющий создавать различные маски для ввода числовых и буквенных данных

Добавить комментарий:

Ваш комментарий отправлен!