ブートストラップ：フォーカスされた要素から青色（または何らかの色）の輪郭を取り除く

Question

この質問は複数回尋ねられていますが、ほとんどの回答は人々の半分のように機能するようです。私はこれが機能していない半分にいる。プロジェクトはhttps://jsfiddle.net/erbnzud1/2/でチェックアウトできます。 私が必要とするのは、その青いアウトラインがフォーカスに表示されないようにするため、ボタンをクリックした後です。

.btn:focus,.btn:active { 
    outline: none !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
} 

そして他の多くのバリエーション：あなたがCSSで見ることができるように、私はこのような何かを試してみました。あなたに何か提案があれば教えてください。

ありがとうございます！

EDIT：この作品、現在のソリューションです：

.noFocus,.noFocus:focus,.noFocus:active { 
    outline: none !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
} 

Answer 1

：https://jsfiddle.net/erbnzud1/3/

は私が私の質問への答えになっ助けあたりとしての私の要素を追加した、このCSSクラスを作成しましたこれはラベルの輪郭（四角形）です。あなたのCSSルールにlabelを追加して概要を削除してください：

label, .btn:focus,.btn:active { 
    outline: none !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
}