2012-10-29 10 views

Odpowiedz

3

Aktywny: active klasa (prawdziwe dla większości funkcji Bootstrap)

Hover:

.navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover { 
    color: #333333; 
    text-decoration: none; 
    background-color: transparent; 
} 

Source


EDIT

Linia 3804 swojego CSS:

.nav-list > .active > a, 
.nav-list > .active > a:hover { 
    color: #ffffff; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 
    background-color: #0088cc; 
} 

background-color tutaj jest przyczyną niebieskie tło. Po prostu zmień go na żądaną wartość i zmień color na color: #00A5B5;.

+0

Naprawiłem link.Ale, to nie działa –

+0

Zaktualizowałem moją odpowiedź, aby adres swoje specyfikacje. – Sara

+0

Dzięki - to działa - dowolny sposób to zrobić bez edycji bootstrap.css Próbowałem to ująć docs.css (która jest wywoływana po): > .nav-list> .active> a, > .nav-list> .active> a: hover { > cieniowanie tekstu: brak; > kolor tła: brak; >} Ale to nie zadziałało. Wszelkie sugestie? –

0

rozwiązanie idzie tak:

edit docs.css, skomentuj

background:none; //line 728 under .bs-docs-sidenav > .active > a { 

i edytować bootstrap.css, skomentuj

background-color: #0088cc;//line 3807 under .nav-list > .active > a:hover { 

i zmienić

color: #ffffff;//line 3805 under .nav-list > .active > a:hover { 

do

color: #00A5B5; 

i nie zapomnij, aby wyczyścić pamięć podręczną przeglądarek przed sprawdzeniem zmian ..

+0

Jest oparty na scrollspy. Podświetlanie pochodzi od niego, a nie od ustawiania klasy. Kiedy wstawię .active {background-color: pink;}, to niebieskie podświetlenie nadal występuje w stanie aktywnym/hover. –

+0

tak .. masz rację .. ale chcesz usunąć to niebieskawe tło na zawisie ... czy to nie .. ?? –

+0

Mam zaktualizowaną odpowiedź .. sprawdź i potwierdź .. –

Powiązane problemy