0

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

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

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

我要编辑的菜单的图像

4

4 回答 4

1

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

于 2014-01-05T19:59:45.113 回答
0

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

于 2013-02-06T15:10:18.533 回答
0

刚刚进入 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

希望这可以帮助

于 2013-02-05T22:52:58.753 回答
0

有同样的问题。您可以使用此选择器：

.navigation .nav-child li a:hover{

关键是设置

background-image:none;

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

于 2016-01-15T17:09:29.897 回答