Javascript 引导下拉菜单，圆角不保留

我使用引导，我想做一个圆角下拉菜单。 下拉菜单现在有圆角，但当我把鼠标放在其他地方时，下拉框不再有圆角。但是下拉菜单必须重新折叠，但是下拉菜单将保持可见

我如何解决这个问题？我找不到关于这个的任何东西

有关代码，请参见下面的链接

将此添加到您的css中

.navbar-default .nav .dropdown .dropdown-menu {
    -webkit-border-radius: 5px 5px 5px 5px ;
    -moz-border-radius: 5px 5px 5px 5px ;
    border-radius: 5px 5px 5px 5px ;    
    background-color: 000;  
    margin-top: -3px;
    margin-left: 0px;
    border: none;
    width: 160px;
}

在你使用选择器之前

.navbar-default .nav .dropdown:hover .dropdown-menu {

所以它只是被设定为

:hover

或者。。。只需实际添加更改：

.navbar-default .nav .dropdown:hover .dropdown-menu {
    -webkit-border-radius: 5px 5px 5px 5px ;
    -moz-border-radius: 5px 5px 5px 5px ;
    border-radius: 5px 5px 5px 5px ;    
    background-color: 000;  
    margin-top: -3px;
    margin-left: 0px;
    border: none;
    width: 160px;
}

添加所需的一个选择器

.navbar-default .nav .dropdown:hover .dropdown-menu,
.navbar-default .nav .dropdown .dropdown-menu,
 {
    -webkit-border-radius: 5px 5px 5px 5px ;
    -moz-border-radius: 5px 5px 5px 5px ;
    border-radius: 5px 5px 5px 5px ;    
    background-color: 000;  
    margin-top: -3px;
    margin-left: 0px;
    border: none;
    width: 160px;
}