Question

<div class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="stayBlue">
        <img src="#"/>
    </button>
    <ul class="dropdown-menu">
      <li><a href="#"><img src="#" height="32px" width="32px"/>Dropdown link</a></li>
      <li><a href="#"><img src="#" height="32px" width="32px"/>Dropdown link2</a></li>
      <li><a href="#"><img src="#" height="32px" width="32px"/>Dropdown link3</a></li>
      <li><a href="#"><img src="#" height="32px" width="32px"/>Dropdown link4</a></li>
    </ul>
</div>

http://jsfiddle.net/rainerpl/ZuMv5/5/

我希望大按钮上的蓝色悬停在点击/活动时保持不变，尝试：激活，：通过CSS和一些jQuery解决方法进行聚焦但没有任何效果。如果可能的话，我更喜欢通过CSS的解决方案。

此外，有没有办法将下拉菜单与上面的大按钮对齐？

Answer 1

使用以下CSS：

.btn-group.open .btn.dropdown-toggle {
/*hover effect*/ }

点击此处查看：http://jsfiddle.net/rainerpl/ZuMv5/5/

希望它能帮助别人，谢谢大家。

单击“Bootstrap”按钮后如何使CSS悬停效果保持不变

1 个答案: