字体图标不可点击

Question

我在使用font-awesome图标时遇到了问题。当你点击小加号时，它是正常的，但是如果你点击其他按钮，它将无法带你进入链接。

<div class="jumbotron">
<p>
    <button type="button" class="btn btn-default pull-right">
        <a href="google.com"> <i class="fa fa-plus" title="Edit"></i> </a></button>
</p>

http://jsfiddle.net/py7vA/217/

我该如何解决这个问题？

- user3080600

---

看起来你在使用 bootstrap，是吗？如果是的话，请移除 button 并将 btn btn-default pull-right 添加到 <a> 中。 - Cave Johnson

Answer 1

不要在BUTTON标签内使用A标签。这是错误的。由于您正在使用Bootstrap，您也可以将相同的btn类分配给A标签。

<a href="google.com" class="btn btn-default pull-right" title="Edit"> <i class="fa fa-plus"></i> </a>

- Ibrahim

Answer 2

你可以做几件不同的事情，其中之一是Ibrahim提到的，或者：

<div class="jumbotron">
    <p>

            <a href="google.com"> <i class="fa fa-plus btn btn-default pull-right" title="Edit"></i> </a>
    </p>
</div>

- Squeakasaur