所以我用萤火虫检查部分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