带有 onclick 事件集的 Font-Awesome 图标

Question

我正在尝试使用以下字体真棒图标

<i class="fa fa-minus-circle"></i>

作为我页面列表中项目旁边的删除图标，如下所示：

 Item 1  delete-icon
Item 2  delete-icon

单击其中一个图标时，我需要运行 JavaScript 函数…

我应该用什么 html 元素来包装图标？我注意到，当我使用锚标记时，它会变成蓝色，而当我使用按钮时，它最终会被包裹在按钮中。还有其他选择吗？

本质上我想这样做

<a onclick="Remove()"><i class="fa fa-minus-circle"></i></a>

或这个

<button onclick="Remove()"><i class="fa fa-minus-circle"></i></button>

但只有图标按原样显示，没有修改。没有蓝色，也没有包裹在按钮内。

原文由 Blake Rivell 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需使用 div 标签或 span 标签与 onclick

 <div onclick="myFunction()">
       <i class="fa fa-minus-circle"></i>
</div>

要么

<span onclick="myFunction()">
     <i class="fa fa-minus-circle"></i>
</span>

原文由 Tharindu Thisarasinghe 发布，翻译遵循 CC BY-SA 3.0 许可协议