web-dev-qa-db-ja.com

クリックした場合にボタンの青いボックスの影の境界線を削除する方法

私がやりたいのは、ボタンがクリックされた場合、クラスbtndのボタンブルーボックスシャドウ効果を削除することです。

current 出力 ：

私はこれを試しましたが、うまくいきません。

.btnd:active,
.btnd.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
javascriptjqueryhtmlcsstwitter-bootstrap-3
16
user3729634

青い影はブラウザのデフォルトです：フォーカス状態

.btnd:active,
.btnd:focus,
.btnd:focus:active {
  background-image: none;
  outline: 0;
  box-shadow: none;
}
34
Matej Janovčík

昨日この問題に対処しました。必要なもの：

.btnd:focus, .btnd:active, .btnd.active, .btnd:focus:active {
  background-image: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

キーは最後のセレクタにあります.btnd:focus:active。

28
ndcweb

この行を使用して、フォーカスを削除します$（ "#OK"）.button（）。blur（）;

0
Juergen