html - 将光标从下拉按钮移开会导致它改变颜色

Question

每次我按下登录下拉菜单时，按钮的颜色都会继承背景图像的颜色。但是，当我将光标从“登录”按钮移开时，上面会出现一个白色方 block 。我没有任何支持该按钮的 css。代码和示例图像都在下面。我试图做到这一点，以便当我将光标移开时，“登录”按钮仍会继承背景图像颜色，而不是变为白色方 block 。bootstrap 编码方面的业余爱好者，所以如果有任何其他错误，请告诉我!

<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">

Cursor is on button

Removing cursor from button

Answer 1

发生这种情况是因为当您单击下拉菜单时， Bootstrap 会添加一个名为 open 的类到 <li>它应用该背景，并一直保持到失去焦点，您所要做的就是重写该类并删除背景。

将它添加到你的 css 文件中，它应该在 Bootstrap 之后出现 <link>覆盖它。

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