所以我用螢火蟲檢查部分css應用於Bootmetro的下拉菜單。Bootmetro菜單模板
你可以在這裏看到,a:hover:active
負責懸停在顏色上。在這種情況下bootmetro已經將其設置爲藍色:
螢火表明,負責的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);
}
我無法弄清楚,如果事情是壓倒一切的設置,並想知道是否有人可以提供幫助。
使用'!important'作爲背景顏色:#666666!important;' – 2013-03-21 13:36:27
嘿,謝謝,但依然沒變。 – 2013-03-21 13:38:37