Question

https://github.com/cooperlappenbusch/coopernaumwebsite

我在Bootstrap中遇到导航栏的一些问题，我主要是编程，所以我是新手，我很难找到问题的答案，因为我所看到的大部分结果都是与我想要的相反。

当我将鼠标悬停在其上时，我希望导航栏列表的背景为 NOT 更改，我已经尝试在将鼠标悬停在列表项目上时设置背景颜色并且我已经尝试过其他一些东西，但似乎没什么用。

如果可以，请帮帮我。

TL; DR：将鼠标悬停在导航栏中的列表项目上时，我希望背景颜色不会改变。

（如果您愿意，请不要查看代码，只是给我一些关于此类问题的一般提示）

Answer 1

你可以用CSS解决这个问题，但我会给jQuery解决方案

$(document).ready(function(){
var navs = $('.nav')// all navs  or links 
var orgStyle = navs.first().CSS('background-color') 
navs.mouseover(function(){
$(this).CSS('background-color', orgStyle); // reset to the 
org style 
});
});

完成。这是我的手机的一个例子，很抱歉我的坏形态

Answer 2

你应该可以做这样的事情来强制颜色。

.navbar a:focus, .navbar a:hover, .navbar a {
   background:blue !important;
   color:black !important;
}

Answer 3

Navbar菜单项获取灰色背景，因为anchor元素上:focus的CSS规则是在bootstrap.css中预定义的

您可以使用以下CSS覆盖规则。

试试这个CSS。

   .navbar .nav li a:hover,
   .navbar .nav li a:focus{
       background-color:transparent;
   }

当我希望它不改变时，Bootstrap导航栏背景会改变

3 个答案: