ブートストラップ - ボタンをクリックした後に「影の境界線」スタイルを完全に削除し、ボタンをクリックした後に青い境界線が表示されます (グローバル/ローカル ソリューション)

問題の説明

おそらくこの効果は望ましくなく、削除したいと考えているでしょう。

通常の状況では、次の図に示すように、ボタンをクリックすると影の境界線が表示されます。

削除後は、クリックしても効果がありません。

解決

グローバルおよびローカルのソリューションを提供し、ニーズに応じて選択してください。

【部分】現在のページに以下のコードを追加します。

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

【グローバル】新しいreset.cssファイル、この「パブリック」スタイルをすべてのページにインポートします。

/* reset.css */
.btn:hover, .btn:focus, .btn:active, .btn:visited {
    
    
    outline: none;
    box-shadow: none !important;
}

コードは同じですが、導入方法と使用方法によって異なります。