删除Google Chrome上的输入焦点

Question

我正在使用Firefox和谷歌浏览器.

在Firefox上我没有问题,焦点颜色是蓝色.

在Chrome上,焦点为蓝色+橙色.

如何取出橙色？它是Chrome中的默认输入焦点.

.input {
  border: 1px solid #dbdbdb;
  padding: 0 5px 0 5px;
  height: 26px;
  width: 200px;
  border-radius: 3px;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 13px;
}

.input:focus {
  border: 1px solid rgba(51, 153, 255, 0.4);
  box-shadow: 0 0 5px rgba(51, 153, 255, 0.4);
}

<td><input type="text" name="user_login" class="input" autocomplete="off"></td>

Answer 1

你应该可以删除它

outline: none

这是一个更新的小提琴:http://jsfiddle.net/cvv5h/1/

看看这个:如何重置/删除chrome的输入高亮/对焦边框？