单击时，导航栏会在下拉菜单项上修改边框/背景颜色

Question

当我点击打开下拉菜单的导航栏项目的“我的帐户”时，我不明白为什么我有蓝色边框：

所以我尝试用!important像这样全部用红色，但没有成功：

nav a.nav-account.active {
   color: red !important;
   background: red !important;
   border: 2px solid red !important;
}

示例：http://jsfiddle.net/5o06orcg/1/

就像它不是.active我必须编辑的。怎么样？

Answer 1

您需要为选择器nav a.nav-account制作！重要边框颜色：

nav a.nav-account {
    color: white !important;
    border-radius: 6px;
    margin-left:10px;
    margin-top:13px;
    line-height:10px !important;
    border: 2px solid white !important;
}

http://jsfiddle.net/a1vv9hvf/

Answer 2

因为您需要将样式应用于nav a.nav-account.active或.nav .open > a而不是.nav .open .dropdown-toggle：

.nav .open .dropdown-toggle {
   color: red !important;
   background: red !important;
   border: 2px solid red !important;
}

Jsfiddle-example