html下拉按钮菜单颜⾊,css–bootstrap3导航栏下拉框颜⾊我使⽤平⾯UI主题与引导3.平⾯UI主题导航栏不能正常⼯作，并且许多与在
github上发布的类似问题.所以我决定使⽤默认的BS3导航栏，并编写我⾃⼰的代码(借助另⼀个stackoverflow线程)，以我想要的⽅式来设置菜单.我在LESS中这样做是为了覆盖css.
问题是我不知道如何改变以下内容.
>下拉框颜⾊
>下拉框链接颜⾊
>下拉框链接悬停颜⾊
这是我使⽤的css：
/* navbar */
.navbar-default {
font-size: floor(@component-font-size-base * 1.067); // ~16px
border-radius: @border-radius-large;
border: none;
background-color: @brand-primary !important;
}
/* title */
.navbar-default .navbar-brand {
color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
color: @clouds;
html下拉菜单的制作方法
}
.navbar-default .navbar-nav > li > a:hover {
color: @clouds;
}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
color: @clouds;
background-color: @brand-secondary; // Changes color of main button that is currently active.
}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {
color: @clouds;
background-color: @brand-secondary; // Changes color of main menu button once clicked.
}
/* caret */
.navbar-default .navbar-nav > li > a .caret {
border-top-color: @clouds;
border-bottom-color: @clouds;
color: @clouds;
}
.navbar-default .navbar-nav > li > a:hover .caret {
border-top-color: #333;
border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,.navbar-default .navbar-nav > .open > a:hover .caret,.navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #555;
border-bottom-color: #555;
}
这产⽣正确的颜⾊条，条链接，插⼊符号和栏悬停效果.但是当我点击⼀个带有⼦菜单的按钮时,⼦菜单仍然以默认的BS灰⾊显⽰.我缺少什么类来改变⼦菜单的背景颜⾊，链接颜⾊等？
谢谢

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。