Как удалить границу тени синего поля в кнопке, если щелкнуть

Я хочу сделать, это удалить эффект синего эффекта кнопки в моем классе btnd, если кнопка нажата.

текущий вывод:

Я пробовал это, но он не работает.

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

Ответы

Ответ 1

Синяя тень по умолчанию в браузере: состояние фокуса

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

Ответ 2

Я справляюсь с этой проблемой только вчера. Вам нужно:

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

Ключ находится в последнем селекторе .btnd:focus:active.

Ответ 3

просто используйте эту строку, чтобы удалить фокус $ ( "#OK" ).button(). Blur();