React Bootstrap on mobile:令人困惑的焦点造型

Question

问题：

在我的项目中，当我在手机上选择然后取消选择一个按钮时，它仍然是暗的，因为它在焦点上，这很令人困惑：屏幕记录

以下是已部署的页面：https://covid-19-mortality.netlify.com/

我想要实现的目标：

我想覆盖以按钮为中心的样式，以便直观地看到按钮处于焦点而未被选中。

我尝试了什么：

我已经尝试过引导程序中的每个解决方案，单击按钮时显示蓝色轮廓。

Answer 1

试试这个

.btn:active {
background: #fff !important;
color: #343a40 !important;
}