Question

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

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

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

Answer 1

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

Answer 2

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

希望这有帮助

Answer 3

感谢帮助寄宿！可悲的是，它没有奏效。我发现我不得不更改.dropdown-submenu:hover > a {而是更改.navigation .nav-child:hover > a { 还是谢谢你花时间试图帮助我！

Answer 4

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

.navigation .nav-child li a:hover{

关键是设置

background-image:none;

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

子菜单蓝色悬停在bootstrap中

4 个答案: