twitter-bootstrap - Twitter Bootstrap 下拉导航悬停时的鼠标指针

Question

当我将鼠标悬停在导航栏中的下拉菜单上时，鼠标会变为文本指针，而不是应该为链接显示的手形指针。

这是我的html：

<ul class="nav">
  <li class="active"><%= link_to 'Home', root_path %></li>
  <li><a href="#">Forums</a></li>
  <li class="dropdown">
    <a data-target="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
      World vs. World
      <b class="caret"></b>
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li><%= link_to 'Current Match', current_match_path %></li>
      <li><%= link_to 'All NA Matches', wvw_path %></li>
    </ul>
  </li>
</ul>

有人知道我该如何解决这个问题吗？

Answer 1

我们缺少您的 CSS，但我会选择一个简单的cursor: pointer：

.dropdown-menu li:hover {
    cursor: pointer;
}

Answer 2

一种替代方法cursor:pointer是为 , 添加一个惰性href属性<a>，例如href="#"（尽管对 this 有一些对象）。

Answer 3

对于引导程序 4

.dropdown:hover .dropdown-menu {display: block;}