これを追加しましたが、ボタンをクリックすると青いアウトラインがまだ表示されます。
.btn:focus {
outline: none;
}
その醜いものをどうやって取り除くのですか?
ベストアンサー1
プロパティが上書きされている可能性があります。 !important
:active とともにコードに添付してみてください。
.btn:focus,.btn:active {
outline: none !important;
box-shadow: none;
}
また、box-shadow も追加してください。そうしないと、ボタンの周囲に影が表示されたままになります。
!important を使用するのは良い方法ではありませんが、より具体的なクラスを使用してから、!important を使用して CSS を適用してみることをお勧めします...