将焦点引导到分页上的引导按钮的奇怪行为

时间:2013-11-22 23:44:42

标签: angularjs twitter-bootstrap

我使用Bootstrap v2.2.2

这是我的按钮:

<div class="pagination ">
     <ul>
        <li>
          <a href="" class="btn btn-success btn-large"> 
             <i class="icon-fast-forward"></i>
         </a>
        </li>
      </ul>
   </div>

然而,当我尝试专注于按钮时,我会遇到奇怪的颜色行为:

Fiddle

中的演示

修复方法是删除pagination类或<ul>代码

我该如何解决?

谢谢,

(** 评论:我使用bootstrap 3.0并不感兴趣)

1 个答案:

答案 0 :(得分:1)

将标签从锚更改为按钮,它可以解决您的显示问题。我更新了您的fiddle

 <button class="btn btn-success">  <i class="icon-fast-forward"></i> </button>