字体真棒图标不可点击答案

【问题标题】：Font awesome icons not clickable字体真棒图标不可点击
【发布时间】：2017-03-26 01:50:08
【问题描述】：

我遇到了字体真棒图标的问题。当您单击小加号时很好，但是如果您单击按钮的其余部分，它将不会带您进入链接。

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

我该如何解决这个问题？

【问题讨论】：

看看你的类，看起来你正在使用引导程序，对吧？如果是这种情况，请移除按钮并将btn btn-default pull-right 添加到<a>。

标签： html css twitter-bootstrap web font-awesome

【解决方案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>

【讨论】：

【解决方案2】：

你可以做几件不同的事情，一件是易卜拉欣提到的，或者：

<div class="jumbotron">
    <p>

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

【讨论】：