Как поместить изображение внутрь input type=radio?

Question

[Илья Климов]

Появился вопрос о том, как поместить и стилизовать radio input, дабы внутри него отображались эмодзи, что помещу на картинку снизу, совместно с имеющимся кодом. Пробовал использовать метод с background, к сожалению, успехом не увенчалось.
P.S. Код компонента InputText включает в себя лишь CSS стилизацию, посему его можно спокойно для разбора заменить на обычный Input.

<InputText type="radio" class="choiceSex" value="Женский"></InputText>

Нужный вариант исполнения:

Comments

[Михаил Р.]

К тегу Vue это никакого отношения не имеет

[Илья Климов]

Михаил Р., принял, извиняюсь за ошибку и спасибо за правку.

[Сергей delphinpro]

https://yandex.ru/search/?text=Как+стилизировать+i...

[Модератор]

Сергей delphinpro, сбавьте напор. Люди разные.

[Модератор]

Илья Климов, вам необходимо ознакомиться с Регламентом ресурса. В частности, с правилами оформления вопроса, а также что делать, если вам не нравится ответ или комментарий. Уж ни в коем случае не надо раздувать флейм. В интернете всегда кто-то не прав. Что поделать, таков мир.

Будете продолжать - вам же будет хуже. За неоднократные нарушения можно и в бан на пару деньков попасть. Оно вам надо?
Будьте благоразумны.

[Илья Климов]

Модератор, принял, ознакомился. Спасибо за адекватную оценку ситуации и вашу работу.

Answer 1

[Rsa97]

Comments

[Илья Климов]

Большое спасибо!