React Bootstrap на мобильном устройстве: запутанная фокусировка

Question

ПРОБЛЕМА:

В моем проекте, когда я выбираю, а затем отменяю выбор кнопки на мобильном телефоне, она по-прежнему остается темной, потому что она в фокусе, и это сбивает с толку: Запись с экрана

Вот развернутая страница: https://covid-19-mortality.netlify.com/

ЧТО Я ХОЧУ ДОСТИГНУТЬ:

Я бы хотел переопределить стиль, ориентированный на кнопку, чтобы интуитивно понятно, что кнопка находится в фокусе и не выбрана.

ЧТО Я ПОПРОБОВАЛ:

Я попробовал каждое решение в кнопке bootstrap, при нажатии на которую отображается синий контур .

Answer 1

Попробуйте это

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