我正在尝试使用一个很棒的字体图标作为按钮答案

【问题标题】：Am trying to use a font awesome icon as a button我正在尝试使用一个很棒的字体图标作为按钮
【发布时间】：2019-04-16 11:55:09
【问题描述】：

我正在尝试使用一个很棒的字体图标作为按钮来在我的网络应用程序中实现类似的功能，使用引导程序 4 和字体很棒

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

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

【问题讨论】：

嗨！您能否提供有关您的代码及其外观的更多信息，以便我们更好地帮助您？喜欢整个文件或您认为错误的部分？谢谢！
您需要调整icon-button 类以适合您的目的。默认情况下，图标应该在按钮内呈现，但您可以填充按钮并让图标位于按钮的中心。 w3schools.com/howto/tryit.asp?filename=tryhow_css_icon_buttons

【解决方案1】：

不需要用<button> 包裹<i>，因为onclick 事件也可以在图标上调用。做吧

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

【讨论】：