当我将鼠标悬停在导航栏中的下拉列表上时,鼠标会切换到文本指针,而不是显示链接的手形指针。
这是我的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>
有谁知道我该怎么补救吗?
4条答案
按热度按时间k3bvogb11#
我们错过了你的CSS,但我会选择一个简单的
cursor: pointer
:bprjcwpo2#
cursor:pointer
的替代方案是为<a>
添加惰性href
属性,例如href="#"
(尽管是some object to this)。3htmauhk3#
对于Bootstrap 4:
vnzz0bqm4#
Bootstrap 5.x
你可以用
button
替换<a>
元素,它们有指针光标悬停。只要确保添加dropdown-item
类。