2013-03-21 68 views
3

所以我用螢火蟲檢查部分css應用於Bootmetro的下拉菜單。Bootmetro菜單模板

你可以在這裏看到,a:hover:active負責懸停在顏色上。在這種情況下bootmetro已經將其設置爲藍色:

enter image description here

螢火表明,負責的CSS線是bootstrap.css在行2821:改變background-color: #0081c2不同的東西時

.dropdown-menu li > a:hover, 
.dropdown-menu li > a:focus, 
.dropdown-submenu:hover > a { 
    color: #ffffff; 
    text-decoration: none; 
    background-color: #0081c2; 
    background-repeat: repeat-x; 
    background-image: linear-gradient(to bottom, #0088cc, #0077b3); 
} 

然而測試時仍保持不變。 Firebug顯示,如果我更改backgroound顏色,它會使用螢火蟲更改,但是當我手動將其應用於css文件時,它不會被應用。

我tryed改變所有的設置是否有任何將被應用,似乎沒有任何:

.dropdown-menu li > a:hover, 
.dropdown-menu li > a:focus, 
.dropdown-submenu:hover > a { 
    color: #666666; 
    text-decoration: none; 
    background-color: #666666; 
    background-repeat: repeat-x; 
    background-image: linear-gradient(to bottom, #666666, #666666); 
} 

.dropdown-menu .active > a, 
.dropdown-menu .active > a:hover { 
    color: #666666; 
    text-decoration: none; 
    background-color: #666666; 
    background-repeat: repeat-x; 
    outline: 0; 
    background-image: linear-gradient(to bottom, #0088cc, #0077b3); 
} 

我無法弄清楚,如果事情是壓倒一切的設置,並想知道是否有人可以提供幫助。

+1

使用'!important'作爲背景顏色:#666666!important;' – 2013-03-21 13:36:27

+0

嘿,謝謝,但依然沒變。 – 2013-03-21 13:38:37

回答

3

您的瀏覽器可能會持有css文件的緩存,因此您可能需要嘗試清除所有緩存並重新加載。

+0

r0dney你是對的。所有這些努力都沒有用。你知道你可以禁用Firefox嗎?可能對遇到此問題的其他人有用。 – 2013-03-21 13:54:38

+1

@JungleBoogie在Advanced-Network中有一個設置,允許您覆蓋自動緩存管理並將限制設置爲0MB。 – r0dney 2013-03-21 14:00:15