鼠标指针悬停在Twitter Bootstrap下拉导航栏上

时间:2013-10-20 15:58:53

标签: twitter-bootstrap

当我将鼠标悬停在导航栏的下拉列表中时,鼠标会更改为文本指针,而不是应显示链接的手形指针。

这是我的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>

有人知道如何解决这个问题吗?

3 个答案:

答案 0 :(得分:39)

我们错过了你的CSS,但我会选择一个简单的cursor: pointer

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

答案 1 :(得分:19)

cursor:pointer的替代方案是为href添加惰性<a>属性,例如href="#"(虽然some object to this)。

答案 2 :(得分:0)

用于引导程序4

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