我正在尝试使用真棒字体图标作为按钮

Question

我正在尝试使用Bootstrap 4和Font Awesome使用超酷的字体图标作为按钮在我的Web应用程序中实现类似功能

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

我当前的代码导致图标位于按钮内部，而不是按钮本身

Answer 1

由于<i>事件也可以在图标上调用，因此无需用<button>包装onclick。做到

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