关闭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元素的其他选项。