覆盖 twitter bootstrap 文本框发光和阴影

Question

我想删除文本框和边框的蓝色发光，但我不知道如何覆盖它的任何 js 或 css，检查 这里

编辑 1

我想这样做是因为我使用的是 jquery 插件 Tag-it ，我也在使用 twitter bootstrap，该插件使用隐藏的 textField 添加标签，但是当我使用 twitter bootstrap 时，它显示为一个文本框，里面有发光有点奇怪的文本框

原文由 Fady Kamal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

.simplebox {
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

原文由 jeschafe 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您还可以覆盖默认的 Bootstrap 设置以使用您自己的颜色

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

原文由 Hawkee 发布，翻译遵循 CC BY-SA 3.0 许可协议