Html 将光标从下拉按钮移开会使其改变颜色

每次我按下登录下拉菜单时，按钮的颜色都会继承背景图像的颜色。然而，当我将光标从登录按钮移开时，一个白色的正方形出现在它上面。我没有任何css支持该按钮。下面是代码和示例图像。我试图使它，以便当我移动光标离开，登录按钮仍然继承了背景图像的颜色，而不是改变为白色正方形。 业余爱好者在引导编码，所以如果有任何其他错误，一定要让我知道

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b>Login</b><span class="caret"></span></a>
<ul id="login-dp" class="dropdown-menu">

---

之所以会发生这种情况，是因为当您单击dropmenu bootstrap时，会在应用该背景的

中添加一个名为

open

的类，该类会一直保持，直到失去焦点为止。您所要做的就是覆盖该类并删除背景

将它添加到css文件中，该文件应位于引导

之后，以覆盖它

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover{
    background:none;
}

---

听起来你的

活动

或

焦点

风格打破了你的布局，但如果没有复制示例，我们只能给出模糊的建议。如果你使用bootstrap，你的按钮可能会继承bootstrap css的风格。将chrome inspector用于活动和焦点状态。问题是，当我使用chrome inspect时，由于某些明显的原因，不会出现“问题”。嘿，感谢您的输入，但是，将您编写的代码放在我的css文件中（我链接到引导文件下），似乎并不能解决该问题。还有其他想法吗？bootstrap 3.3.7对我来说很好，您使用的是哪个bootstrap版本？我正在使用bootstrap 3.3.7添加

背景：无！重要的并查看