当一个HTML元素被“聚焦”(当前选中/标签进入)，许多浏览器(至少Safari和Chrome)会在它周围放一个蓝色边框。
对于我正在工作的布局，这是分散注意力，看起来不正确。
<input type="text" name="user" class="middle" id="user" tabindex="1" />
Firefox似乎没有这样做，或者至少，会让我控制它:
border: x;
如果有人能告诉我IE的表现如何，我会很好奇。
让Safari删除这一点闪光会很好。
当前回答
你实际上不应该使用outline: none，因为如果有人使用高对比度视图，那么他们将无法在黑暗背景上看到状态的变化。相反，你应该使用:
边框色:透明;
其他回答
你也可以试试这个
input[type="text"] {
outline-style: none;
}
or
.classname input{
outline-style: none;
}
当焦点在元素上时，使用下面的CSS属性删除轮廓:
input:focus {
outline: 0;
}
这个CSS属性删除焦点上所有输入字段的轮廓，或者使用伪类使用下面的CSS属性删除元素的轮廓。
.className input:focus {
outline: 0;
}
此属性删除所选元素的轮廓。
我尝试了所有的答案，我仍然不能让我的工作在移动，直到我找到-webkit-tap-highlight-color。
所以，对我有用的是……
* { -webkit-tap-highlight-color: transparent; }
使用以下代码:
input:focus {
outline: 0;
}
你实际上不应该使用outline: none，因为如果有人使用高对比度视图，那么他们将无法在黑暗背景上看到状态的变化。相反，你应该使用:
边框色:透明;
