子菜单蓝色悬停在引导程序中答案

【问题标题】：Submenu blue color hover in bootstrap子菜单蓝色悬停在引导程序中
【发布时间】：2013-01-20 21:03:24
【问题描述】：

我有一个运行 joomla 3.0 的站点，我正在尝试自定义菜单栏。模板是 protostar，我使用 nav-pills 样式使菜单栏在顶部水平运行。

我的问题是我找不到需要更改或包含 css 以更改子菜单上的翻转蓝色。

我也想知道如何更改子菜单上那个白色小箭头的颜色。

Image of the menu I want to edit

【问题讨论】：

您能否提供指向您网站的链接以便检查元素或下载 Firebug（用于 Firefox）或使用 Chrome 开发工具自行检查元素。

标签： joomla twitter-bootstrap joomla3.0

【解决方案1】：

遇到了同样的问题。你可以使用这个选择器：

.navigation .nav-child li a:hover{

关键是设置

background-image:none;

因为默认样式使用渐变，而不仅仅是背景颜色！

【讨论】：

【解决方案2】：

总体提示也对我有用。 Joomla 3.x 必须使用上面的 .navigation .nav-child:hover 部分。我还必须更改渐变线部分，因为其中一个正在被调用。只是改变背景线没有出现。我虽然想删除它们，但是却使开始/停止相同。如果选项合适，猜测使用的是基于浏览器的选择。

【讨论】：

【解决方案3】：

感谢 Lodder 的帮助！可悲的是它没有奏效。我发现我必须更改的不是.dropdown-submenu:hover > a {，而是.navigation .nav-child:hover > a { 仍然感谢您花时间帮助我！

【讨论】：

【解决方案4】：

刚刚进入 Bootstrap 站点并检查了该元素，它似乎位于 bootstrap.css 的第 2927 到 2934 行：

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

background-color: #0081c2; 适用于非 CSS3 兼容浏览器，以下所有内容均适用于 CSS3 兼容。

请记住，Joomla 可能已经更改了 bootstrap.css 文件中的内容，因此它可能位于不同的行，但是您可以简单地搜索以下内容：

.dropdown-submenu:hover > a

希望对你有帮助

【讨论】：