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，因此您也可以为A分配相同的btn类。

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

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

字体真棒图标无法点击

2 个答案: