react-bootstrap：タブのtabClassName属性がデフォルトで上書きされます

Question

反応起動ストラップ、特にタブとタブを使用しています。タブには、文字列を取る組み込み属性tabClassNameがあります。使用方法は、「tabClassNameは、関連付けられたNavItemのclassNameとして使用されます。

だから私は<Tab tabClassName="main-tab">と設定しました。

私の目標は、タブがフォーカスされているときに表示される青いアウトラインを削除することです。しかし、次のCSSは何もしません。

私はブルーフォーカスのアウトラインを取り除くにはどうすればよい：ここで

.main-tab, .main-tab:active, .main-tab:focus { 
    outline: none !important; 
} 

は、立入検査のですか？

Answer 1

私は解決策を見つけた：

以下のCSSの作品：

.main-tab > a, 
.main-tab > a:focus { 
    outline: none; 
}