javascript - 使用 Bootstrap 控制这种效果的 CSS 属性是什么？

Question

单击并按住按钮时，按钮外部会出现一个蓝色环。我尝试在 button:focus 和 button:active 中编辑许多不同的属性，以将此颜色更改为白色，但无法弄清楚我应该具体编辑什么。下面是问题的gif

有什么帮助吗？

https://i.gyazo.com/806fa9dc66c1360861ddca05535e34b8.mp4

固定的。对于任何想知道的人，您需要编辑 .btn:active:focus ，然后设置边框颜色。不仅仅是 .btn:active 或 .btn:focus。

标签： javascripthtmlcsstwitter-bootstrap

Answer 1

这是引导程序的 CSS 规则：

button:focus {
  box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}

将其更改为：

button:focus {
  box-shadow: 0 0 0 0.2rem white;
}