2013-03-21 89 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