选中时从HTML文本输入中删除蓝色光晕

Question

如何使用纯CSS删除围绕所选文本输入框的蓝色光芒？

Answer 1

这应该这样做：

input:focus {
    outline:none;
}

EDIT（2015）：如果您正在为广大受众群体进行设计，请回想一下，对于通过键盘导航或需要更明显的视觉反馈的用户而言，大纲通常是一项重要的辅助功​​能。如果删除轮廓，请确保定义另一种焦点状态，为用户提供适当的视觉反馈。

Answer 2

我更喜欢一个很好的固定重置，如：

input, textarea, select, a { outline: none; }

在锚标签上勾勒出'none'可以防止许多Android浏览器出现可怕的焦点轮廓。