Twitter的引導導航欄CSS

Question

，當你將鼠標懸停在鏈接我的導航欄自定義CSS不正確 出於某種原因，工作也照亮了背景，而不僅僅是鏈接。 這是什麼樣子： http://i.imgur.com/cSa26qK.jpg 這是我的CSS代碼：

.navbar-cloud { 
    background-color: #386474; 
    border-color: #284855; 
} 
.navbar-cloud .navbar-brand { 
    color: #c1d9e1; 
} 
.navbar-cloud .navbar-brand:hover, .navbar-cloud .navbar-brand:focus { 
    color: #96becd; 
} 
.navbar-cloud .navbar-text { 
    color: #c1d9e1; 
} 
.navbar-cloud .navbar-nav > li > a { 
    color: #c1d9e1; 
} 
.navbar-cloud .navbar-nav > li > a:hover, .navbar-cloud .navbar-nav > li > a:focus { 
    color: #96becd; 
} 
.navbar-cloud .navbar-nav > .active > a, .navbar-cloud .navbar-nav > .active > a:hover, .navbar-cloud .navbar-nav > .active > a:focus { 
    color: #96becd; 
    background-color: #284855; 
} 
.navbar-cloud .navbar-nav > .open > a, .navbar-cloud .navbar-nav > .open > a:hover, .navbar-cloud .navbar-nav > .open > a:focus { 
    color: #96becd; 
    background-color: #284855; 
} 
.navbar-cloud .navbar-toggle { 
    border-color: #284855; 
} 
.navbar-cloud .navbar-toggle:hover, .navbar-cloud .navbar-toggle:focus { 
    background-color: #284855; 
} 
.navbar-cloud .navbar-toggle .icon-bar { 
    background-color: #c1d9e1; 
} 
.navbar-cloud .navbar-collapse, 
.navbar-cloud .navbar-form { 
    border-color: #c1d9e1; 
} 
.navbar-cloud .navbar-link { 
    color: #c1d9e1; 
} 
.navbar-cloud .navbar-link:hover { 
    color: #96becd; 
} 

@media (max-width: 767px) { 
    .navbar-cloud .navbar-nav .open .dropdown-menu > li > a { 
    color: #c1d9e1; 
    } 
    .navbar-cloud .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-cloud .navbar-nav .open .dropdown-menu > li > a:focus { 
    color: #96becd; 
    } 
    .navbar-cloud .navbar-nav .open .dropdown-menu > .active > a, .navbar-cloud .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-cloud .navbar-nav .open .dropdown-menu > .active > a:focus { 
    color: #96becd; 
    background-color: #284855; 
    } 
} 

Answer 1

DEMO

.navbar-inverse .navbar-nav>li>a.btn-danger:hover { 
    background-color: #d9534f; 
    color:#fff; 
} 

.navbar-inverse .navbar-nav>li>a.btn-success:hover { 
    background-color: #5cb85c; 
     color:#fff; 
} 
.navbar-inverse .navbar-nav>li>a.btn-danger { 
    color:#000; 
} 

.navbar-inverse .navbar-nav>li>a.btn-success { 
     color:#000; 
} 

考慮閱讀本Button hover & .btn-default styling

而且Twitter bootstrap, buttons hover style?

Answer 2

，您需要通過添加Background: transparent;以下CSS規則來覆蓋默認的引導CSS：

.navbar-cloud .navbar-nav > li > a:hover, 
.navbar-cloud .navbar-nav > li > a:focus { 
    background: transparent; 
    color: #96becd; 
} 

我創建了一個的jsfiddle顯示結果HERE