gpt4 book ai didi

css - 如何在悬停时创建 Twitter Bootstrap 'Split button dropdown' 下拉菜单而不是单击?

转载 作者:行者123 更新时间:2023-11-28 09:39:44 26 4
gpt4 key购买 nike

我正在使用 Twitter Bootstrap split button dropdown .我怎样才能让它在鼠标悬停时下拉,而不是在单击箭头时?

这类似于 this previous question ,但针对不同的 Twitter Bootstrap 元素。

最佳答案

这个问题的解决方案与您链接中的问题几乎相同。您需要向将显示下拉列表的 :hover 伪选择器添加一些 CSS。悬停元素必须包含按钮和下拉列表。在下面的示例中,我将 btn-hover 类添加到按钮组以充当我的悬停选择器。

        <div class="btn-group btn-hover">
<button class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Test</a></li><!-- dropdown menu links -->
<li><a href="#">Test 2</a></li><!-- dropdown menu links -->
</ul>
</div>

CSS:

div.btn-group:hover ul.dropdown-menu{
display: block;
}

div.btn-group ul.dropdown-menu{
margin-top: 0px;
}

关于css - 如何在悬停时创建 Twitter Bootstrap 'Split button dropdown' 下拉菜单而不是单击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10747118/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com