Css 引导3子菜单父高亮显示

Css 引导3子菜单父高亮显示,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,在引导3中删除了子菜单。我使用以下示例/代码重新添加了它们: 问题是当我们将鼠标悬停在子菜单上时,父菜单项没有保持高亮显示。如何做到这一点?这在引导2中使用: 我试着在CSS上到处找,但找不到这个。你需要在中添加一个新样式。下拉子菜单:hover>a。注意,我从a:hover上的现有样式复制了CSS .dropdown-submenu:hover > a { color: #fff; text-decoration: none; background-color

在引导3中删除了子菜单。我使用以下示例/代码重新添加了它们:

问题是当我们将鼠标悬停在子菜单上时,父菜单项没有保持高亮显示。如何做到这一点?这在引导2中使用:


我试着在CSS上到处找,但找不到这个。

你需要在
中添加一个新样式。下拉子菜单: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);
}