html - Font Awesome 图标不可点击

Question

我在使用超赞字体图标时遇到问题。当您点击小加号时它很好，但是如果您点击按钮的其余部分，它不会带您到链接。

<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/

我该如何解决这个问题？

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>