我在DropdownButton上遇到问题,我不知道为什么悬停效果比下拉菜单的实际大小长。
我的DropdownButton位于Telerik网格内部,这可能会导致问题。为了简单起见,我将截取屏幕截图以及如何实现DropdownButton。如果我发布我正在使用的整个网格,那将太多而且太难理解。

<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Dropdown
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
        <button class="dropdown-item" type="button">Action</button>
        <button class="dropdown-item" type="button">Another action</button>
        <button class="dropdown-item" type="button">Something else here</button>
    </div>
</div>


如您所见,悬停效果太长:

css - Bootstrap DropdownButton悬停时间过长-LMLPHP

最佳答案

我认为这与您发布的代码无关。必须有一些东西可以覆盖默认的Bootstrap悬停效果。

尝试添加以下内容:

.dropdown-item:focus, .dropdown-item:hover{
  width: 100%;
}

关于css - Bootstrap DropdownButton悬停时间过长,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54660206/

10-14 14:38
查看更多