如何让悬停状态保持至少1秒钟?目前子菜单项的悬停状态消失得太快,很难选择它们。
这是 jsFiddle 代码。
我的HTML:
<div class="container">
<div class="row">
<div class="col-md-12">
<div>
<span>Logo+Text</span>
</div>
<div class="btn-group has_dropdown" style="margin-left: 200px">
<a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Lists</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="#">Sub List 1</a>
</li>
<li>
<a href="#">Sub List 2</a>
</li>
<li>
<a href="#">Sub List 3</a>
</li>
<li>
<a href="#">Sub List 4</a>
</li>
<li>
<a href="#">Sub List 5</a>
</li>
</ul>
</div>
</div>
</div>
</div>
并且CSS:
#headerDropdown .dropdown:hover .dropdown-menu,
.btn-group:hover .dropdown-menu {
display: inline-flex !important;
}