所以我用firebug来检查应用于Bootmetro下拉菜单的部分css。
您可以在此处看到a:hover:active
负责将鼠标悬停在颜色上。在这种情况下,bootmetro将其设置为蓝色:
Firebug显示负责的css行位于第2821行的bootstrap.css中:
.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);
}
然而,当将background-color: #0081c2
更改为不同的内容时,它在测试时保持不变。 Firebug显示,如果我更改backgroound颜色,它会使用firebug更改,但是当我手动将其应用于css文件时,它仍未应用。
我尝试更改所有设置,看看是否会应用任何内容,似乎没有:
.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);
}
我无法弄清楚是否有什么事情超出了环境,并且想知道是否有人可以提供帮助。
答案 0 :(得分:3)
您的浏览器可能会保留css文件的缓存,因此您可能需要尝试清除所有缓存并重新加载。