Question

在Bootstrap 3中删除了子菜单。我使用此示例/代码将其添加回来： http://bootply.com/71520

问题是当我们将鼠标悬停在子菜单上时，父菜单项不会保持突出显示。如何实现这一目标？这曾经在bootstrap 2中工作： http://getbootstrap.com/2.3.2/components.html#dropdowns

我试着查看整个CSS而无法找到它。

Answer 1

您需要向.dropdown-submenu:hover > a添加新样式。请注意，我从a:hover上的现有样式复制了CSS。

.dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #357ebd;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));
    background-image: -webkit-linear-gradient(top,#428bca,0%,#357ebd,100%);
    background-image: -moz-linear-gradient(top,#428bca 0,#357ebd 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#357ebd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0);
}

<强> http://bootply.com/96695

Bootstrap 3子菜单父高亮显示

1 个答案: