Как переопределить стиль границы активной вкладки React Bootstrap по умолчанию ⇐ CSS

[Гость]

Я пытаюсь переопределить стиль границы по умолчанию (ширину и цвет) моего компонента React Bootstrap Tabs. В частности, у меня возникают трудности с активной вкладкой. На этом изображении показан пример границы, которой я пытаюсь манипулировать:



Ниже приведен пример кода, с которым я работаю:

onTabSelect(выбрано)} > // Стилизация с использованием Sass .customTabs { li.active { граница: 2 пикселя, сплошная синяя; } } Судя по инструментам разработчика, граница, которую я хочу изменить, выглядит так: .nav-tabs > li.active (nav-tabs — это класс начальной загрузки по умолчанию).

Есть какие-нибудь предложения о том, как можно это переопределить?

В настоящее время я пробовал вышеуказанное в дополнение к li.active > a, .nav > li.active... Я также использовал селектор идентификатора в дополнение к селектору классов.