Html 定义下拉菜单导航栏引导的样式

Html 定义下拉菜单导航栏引导的样式,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,我有一个引导导航栏,导航栏和它的字母有一个特定的颜色,如下面的css所示 .jumbotron { background-color:#2d4c60 !important; } nav.navbar { background-color: #2d4c60; } .nav.navbar-nav.navbar-right li a { color: white; } .nav.navbar-nav.navbar-left li a { color: w

我有一个引导导航栏,导航栏和它的字母有一个特定的颜色,如下面的css所示

.jumbotron {
    background-color:#2d4c60 !important; 
}
       nav.navbar {
    background-color: #2d4c60;
}
.nav.navbar-nav.navbar-right li a {
    color: white;
}
.nav.navbar-nav.navbar-left li a {
    color: white;
}

除下拉菜单“Ayuda”外,everythings工作正常,它显示选项,但全部为白色,因此用户无法确定所选的选项

我想要的是下拉菜单有相同风格的导航栏


除此之外,我希望navbar品牌具有与其他选项相同的外观(白色),请您帮助我。下拉菜单类的默认背景色为#fff,这就是您无法看到单词的原因。如果您希望它与导航相同的颜色,则设置。下拉菜单{background color:2d4c60;}

谢谢,现在下拉菜单与导航栏颜色相同,字母为白色,但当我将鼠标光标移到选项上时,所有选项都变为白色,以便用户可以阅读菜单选项,你能帮个忙吗?你可能需要改变这个。下拉菜单>li>a:悬停,变成不同的背景色。悬停的默认背景色几乎为白色。