Bootstrap 当前活动 dom 元素颜色切换？

Question

我想为任何 dom 元素更改 bootstrap 的默认轮廓发光。我已经为输入和按钮做了它，但在任何其他元素上它仍然是蓝色的。因此，例如，我在键盘上按 TAB 键，它会转到下一个元素并呈蓝色发光。我该如何改变它？我在 css 中找不到它。请查看以下菜单项：

当我按下键盘上的 TAB 键时，它每次都会移动到下一个，并发出蓝色光。我该如何改变那个颜色？我认为有一种更简单的方法来修改 bootstrap css，要么覆盖它，要么在本地托管它并修改它，而不必在每个 class 之后去指定活动、焦点或是什么导致它发出蓝色光。有什么想法吗？？

Answer 1

您提到的轮廓发光在 CSS 中称为 outline。

您必须更改 css 中的 :focus 伪 属性 才能在按 TAB 键时获得所需的颜色。

*:focus{
    outline: red; /* Your color */
  }

Answer 2

*:focus 就是你要找的：

*:focus {
    box-shadow: 0 0 0 .2rem red !important;
}

您可以像我一样使用 !important; 覆盖它。