Javascript 引导3按钮悬停/聚焦状态

Bootstrap3的按钮悬停状态与焦点状态看起来完全相同

有没有办法改变这一点？我知道这只是一个表面问题，但我希望鼠标悬停时，悬停状态消失，但仍然有另一个独特的功能，知道按钮有焦点

我不知道这是我的浏览器的问题，还是真的是故意的（或者是一个bug？）

我用的是最新的Chrome。（版本34.0.1847.131 m）

链接到Bootstrap 3按钮示例。

单击标有“输入”的第三个按钮并将鼠标移出

--

更新： 我已经尝试过覆盖默认的焦点/悬停样式，但是现在按钮仍然停留在焦点状态，即使您将鼠标悬停在它上面。有办法克服这个问题吗？焦点状态在样式中的优先级似乎高于悬停

-- 谢谢你们的指点。 对于尽管处于焦点但仍具有不同悬停状态的预期行为，需要重新定义悬停状态

我添加的css如下所示：

.btn-default:focus,
.btn-default:active,
.btn-default.active
{
  background-color: #ffffff;
}

.btn-default:hover
{
  background-color: #ebebeb;
}

---

您可以覆盖引导样式。首先确保在引导后添加样式表或样式声明，例如：

<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
<link rel="stylesheet" href="/stylesheets/styles.css">

---

只需从jquery中创建click event.blur（），而不是覆盖样式。

---

它将消除对点击和问题解决的关注

任何想要查找Bootstrap 4的人，请在自定义样式的CSS文件中尝试此功能

.btn-dark:hover, .btn-dark.active {
   background: #31bda5;
   box-shadow: none;
}

---

根据引导程序的建议，在引导程序样式表之后添加一个自定义样式表，并将

.btn:active

定义为其他内容：此外，如果您希望悬停和焦点具有不同的样式，请定义.btn默认值：悬停和.btn默认值：焦点（或使用.btn primary、.btn success、.btn danger、.btn info、.btn警告）谢谢！有时，我担心会再次下载一个定制版本，或者想知道是否只有一个简单的css覆盖。我尝试用这个覆盖它，但当我鼠标悬停在按钮上时，悬停状态不再出现。它卡在活动状态。是否使用：活动或：焦点？：当按下鼠标时，active应该启动，当你按下按钮时，focus应该启动。我改变了：focus

.btn default:focus{background color:35; ffffff；}

即使你将鼠标移到按钮上，按钮的外观也会卡在焦点上。好的，我似乎已经让它工作了。显然，在

.focus

覆盖之后，您需要重新定义

.hover

样式。谢谢您的回答！！

.btn-dark:hover, .btn-dark.active {
   background: #31bda5;
   box-shadow: none;
}