当一个HTML元素被“聚焦”(当前选中/标签进入)，许多浏览器(至少Safari和Chrome)会在它周围放一个蓝色边框。
对于我正在工作的布局，这是分散注意力，看起来不正确。
<input type="text" name="user" class="middle" id="user" tabindex="1" />
Firefox似乎没有这样做，或者至少，会让我控制它:
border: x;
如果有人能告诉我IE的表现如何，我会很好奇。
让Safari删除这一点闪光会很好。
当前回答
试试这个:
*:focus {
outline: none;
}
这将影响您的所有页面。
其他回答
焦点上的文本区域可能有框影..可以像这样删除:
textarea:focus{
outline: none!important;
box-shadow: none!important;
}
从所有输入中删除它
input {
outline:none;
}
使用以下代码:
input:focus {
outline: 0;
}
试试这个css，它为我工作
textarea:focus, input:focus{ border: none; }
这让我困惑了一段时间，直到我发现这条线既不是边界也不是轮廓，它是阴影。所以要移除它，我必须使用这个:
input:focus, input.form-control:focus {
outline:none !important;
outline-width: 0 !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
