Comment supprimer la bordure d'ombre de la boîte bleue dans le bouton si vous cliquez dessus

Question

Je souhaite supprimer l’effet d’ombre de la boîte bleue dans ma classe btnd si le bouton est cliqué. 

courant sortie : 

j'ai essayé cela mais ça ne marche pas.

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

Answer 1

L'ombre bleue est la valeur par défaut du navigateur: état d'activation

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

Answer 2

Je traite ce problème hier. Vous avez besoin:

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

La clé est dans le dernier sélecteur .btnd:focus:active.

Answer 3

utilisez simplement cette ligne pour supprimer le focus $ ("#OK") .button (). blur ();