Пытаюсь использовать шрифт значок в качестве кнопки - PullRequest
0 голосов
/ 16 апреля 2019

Я пытаюсь использовать значок шрифта awesome в качестве кнопки для реализации аналогичной функции в моем веб-приложении, используя bootstrap 4 и шрифт awesome

<button class="icon-button" onclick="actOnStory(event);"data-story-id="<%= story._id %>">
     <i class="far fa-heart"></i>
</button>

мой текущий код приводит к тому, что значок находится внутри кнопкии не будучи самой кнопкой

1 Ответ

0 голосов
/ 16 апреля 2019

Нет необходимости переносить <i> с <button>, так как событие onclick может быть вызвано и на значке. Просто сделай это

<i class="far fa-heart" onclick="actOnStory(event);" data-story-id="<%= story._id %>"></i>
...