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

时间:2014-06-14 18:09:15

标签: javascript jquery html css twitter-bootstrap-3

如果单击该按钮,我想要删除班级btnd中的按钮蓝框阴影效果。

当前output

我试过这个,但它不起作用。

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

3 个答案:

答案 0 :(得分:34)

蓝色阴影是浏览器默认值:焦点状态

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

答案 1 :(得分:27)

我昨天才处理这个问题。你需要:

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

密钥位于最后一个选择器.btnd:focus:active

答案 2 :(得分:0)

只需使用此行即可移除焦点 $(" #OK").button()。blur();