关闭bootstrap高亮度验证

Question

我正在使用jquery和twitter bootstrap进行布局。 当我尝试将输入字段类型设置为“电子邮件”以便更容易从移动设备填充时 - 字段会突出显示：

问题是如何关闭它？

Answer 1

我不知道你是直接编辑CSS还是编写LESS版本，
然而，这个hilighting的代码在这里： https ： //github.com/twitter/bootstrap/blob/master/less/forms.less#L369

如果您正在编辑的CSS直接，寻找在这个代码块CSS ：

Answer 2

试试这个：第一个删除蓝色轮廓，第二个删除红色轮廓。

input[type="text"], textarea {
  outline: none;
  box-shadow:none !important;
  border:1px solid #ccc !important;
}
input:focus:invalid {
  outline: none;
  box-shadow:none !important;
  border:1px solid #ccc !important;
}

Answer 3

使用内联样式强制css

<input type="text" style="border-color:#ccc;color:#333"/>

您可以在该输入上看到带有inspect元素的其他选项。