bootstrapのボタンのbox-shadowを消したいです

Question

前提・実現したいこと

bootstrapのボタン（class="btn"で生成したボタン）をクリックしたときに出現するbox-shadowを消したいです。
クリックした後に表示されるものに関しては、.btn:focus{box-shadow:none;}で消せたのですが、クリックしている間（押しっぱなしだとその間ずっと）box-shadowが表示されます。

発生している問題・エラーメッセージ

該当のソースコード

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

試したこと

調べたらクリックの擬似クラスはactiveとのことだったので.btn:active{box-shadow:none;}としてみたのですが消えませんでした。

補足情報（FW/ツールのバージョンなど）

Comments

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

shadow-noneクラスで消せます。
陰影ユーティリティ

Comments

[kakerukyun]

消せました！ありがとうございます！