Question

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

默认Button在按下后有一个特殊的外观，鼠标光标已经不在其中：

任何点击后此外观都会更改为正常。如何在不干扰Bootstrap Button的任何其他状态（按下，鼠标悬停，正常）的情况下禁用此功能？

Answer 1

我认为你指的是蓝色边框。这是关于焦点状态的大纲。

在你的css中试试这个：

.btn:focus {
  outline:none;
}

用于颜色尝试（成功btn示例）：

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

Answer 2

隐藏按钮的焦点状态是一个坏主意。在可点击元素具有焦点的同时击中空格/输入键与单击它相同。用户应该能够知道这一点。你最好使用脚本来blur()它或将焦点移到另一个元素。

Answer 3

除了@Brad响应之外，也许你可以尝试在点击bootstrap中的其他按钮时切换按钮的类。