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

Question

如果单击表单，输入，选择，textarea，按钮，我想删除蓝色框。

我的问题是蓝色的盒子颜色仍然出现，它让我烦恼:(。

使用jquery可以删除这个蓝盒子吗？

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

的CSS：

input,
input:focus,
input:active,
input:hover
{
  border-color: #ccc;  
  box-shadow:  #ccc;
 border: 1px solid #ccc;
 outline:none;
}

脚本：

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

Answer 1

Bootstrap在表单元素上使用特定的类。由于它的所有样式都基于该类，因此您无法使用标记选择器覆盖它。所以而不是：

input:focus
{
  border-color: #ccc;  
  box-shadow:  #ccc;
  border: 1px solid #ccc;
  outline:none;
}

使用bootstrap类：

.form-control:focus
{
  border-color: #ccc;  
  box-shadow:  #ccc;
  border: 1px solid #ccc;
  outline:none;
}