删除 Google Chrome 上的输入焦点答案

【问题标题】：Remove input focus on Google Chrome删除 Google Chrome 上的输入焦点
【发布时间】：2013-04-06 00:29:00
【问题描述】：

我正在使用 Firefox 和 Google Chrome。

在 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);
}

&lt;td&gt;&lt;input type="text" name="user_login" class="input" autocomplete="off"&gt;&lt;/td&gt;

【问题讨论】：

标签： html google-chrome css

【解决方案1】：

你应该可以用

删除它

outline: none

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

看看这个：How to reset / remove chrome's input highlighting / focus border?

【讨论】：

如果您使用引导程序，您还需要执行 box-shadow:none;
在 Chrome 40.0.2214.115 中对我不起作用；我仍然得到蓝色轮廓