Bootmetro菜单模板

时间:2013-03-21 13:31:59

标签: javascript html css microsoft-metro

所以我用firebug来检查应用于Bootmetro下拉菜单的部分css。

您可以在此处看到a:hover:active负责将鼠标悬停在颜色上。在这种情况下,bootmetro将其设置为蓝色:

enter image description here

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);
}

我无法弄清楚是否有什么事情超出了环境,并且想知道是否有人可以提供帮助。

1 个答案:

答案 0 :(得分:3)

您的浏览器可能会保留css文件的缓存,因此您可能需要尝试清除所有缓存并重新加载。