3

因此，我使用 firebug 来检查应用于Bootmetro下拉菜单的部分 CSS 。

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

在此处输入图像描述

Firebug 显示负责的 css 行位于 bootstrap.css 的第 2821 行：

.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 显示，如果我更改背景颜色，它会使用 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);
}

我不知道是否有什么东西超越了设置，想知道是否有人可以提供帮助。

4

1 回答 1

3

您的浏览器可能保存了 css 文件的缓存，因此您可能想尝试清除所有缓存并重新加载。

于 2013-03-21T13:46:01.057 回答