关于jquery：如果单击，则如何删除输入中的蓝色框和引导程序中的按钮


How to remove the blue color box in inputs and button in bootstrap if its clicked

本问题已经有最佳答案，请猛点这里访问。

如果单击窗体、输入、选择、文本区域和按钮，我想删除蓝色框。

我的问题是蓝盒颜色的东西还是出现了，这让我很恼火：(。

这个蓝色盒子的东西可以用jquery移除吗？

测试链接：http://jsfiddle.net/5KCSN/309/

CSS：

1
2
3
4
5
6
7
8
9
10
input,
input:focus,
input:active,
input:hover
{
  border-color: #ccc;  
  box-shadow:  #ccc;
 border: 1px solid #ccc;
 outline:none;
}

脚本：

1
2
$("input, select, textarea, form, button").css("outline","none");
$("input, select, textarea, form, button").css("box-shadow","none");

号

相关讨论

引导程序在表单元素上使用特定的类。因为它的所有样式都基于该类，所以不能用标记选择器覆盖它。所以不是：

1
2
3
4
5
6
7
input:focus
{
  border-color: #ccc;  
  box-shadow:  #ccc;
  border: 1px solid #ccc;
  outline:none;
}

使用bootstrap类：

1
2
3
4
5
6
7
.form-control:focus
{
  border-color: #ccc;  
  box-shadow:  #ccc;
  border: 1px solid #ccc;
  outline:none;
}

号