javascript - quitar - sombra a imagen css

Cómo eliminar el borde sombreado de la caja azul en el botón si se hace clic

Question

Lo que quiero hacer es eliminar el efecto de sombra de la caja azul del botón en mi clase btnd si el botón es clic.

salida actual:

Intenté esto pero no funciona.

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

Answer 1

La sombra azul es el valor predeterminado del navegador: estado de enfoque

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

Answer 2

Trato este problema ayer. Necesitas:

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

La clave está en el último selector .btnd:focus:active .

Answer 3

solo use esta línea para eliminar el foco $ ("#OK") .button (). blur ();