javascript - 如何在 Bootstrap 中禁用 "last pressed"按钮状态？

Question

我在 React 应用程序中使用 Bootstrap Button 组件。

默认的Button在按下并且鼠标光标已经离开它之后具有特殊的外观:

任何单击后此外观都会更改为正常。如何禁用此功能而不干扰 Bootstrap Button 的任何其他状态(按下、鼠标悬停、正常)？

Answer 1

我认为你指的是蓝色边框。这是 :focus 状态的轮廓。

在你的 CSS 中试试这个:

.btn:focus {
  outline:none;
}

尝试颜色(成功 btn 示例):

.btn-success:focus {
  background-color: #5cb85c;
  border-color: #4cae4c; 
}