【问题标题】:define a style for dropdownmenu navbar bootstrap为下拉菜单导航栏引导定义样式
【发布时间】:2017-06-13 23:03:20
【问题描述】:

我确实有一个引导导航栏,它具有特定颜色的导航栏及其字母,如下面的 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”外,一切都很好,它显示了选项,但都是白色的,所以用户无法确定选择的选项

我想要的是下拉菜单具有相同的导航栏样式

除此之外,我希望导航栏品牌具有与其他选项相同的外观(白色),请您帮帮我

【问题讨论】:

    标签: html css twitter-bootstrap bootstrap-4


    【解决方案1】:

    .dropdown-menu 类的默认背景颜色为#fff,这就是您看不到文字的原因。如果您希望它与导航颜色相同,则设置 .dropdown-menu{ background-color: 2d4c60;}

    【讨论】:

    • 谢谢,现在下拉菜单的导航栏颜色与白色字母相同,但是当我将鼠标光标移到选项上时,所有选项都变为白色,因此用户可以阅读菜单选项,可以你请帮帮我
    • 您可能需要将此 .dropdown-menu > li > a:hover 更改为不同的背景颜色。悬停的默认背景颜色几乎是白色。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-06-17
    • 1970-01-01
    • 1970-01-01
    • 2013-03-03
    • 2016-05-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多