如果单击按钮，如何删除按钮中的蓝色框阴影边框

Question

I want to do is remove the button blue box shadow effect in my class btnd if the button is click.

current output :

i tried this but it doesnt work.

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

Answer 1

Blue shadow is browser default :focus state

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

Answer 2

I deal with this problem just yesterday. You need:

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

The key is in last selector .btnd:focus:active .

Answer 3

只需使用此行删除焦点$（“＃OK”）.button（）。blur（）;