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

Question

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

Answer 1

这应该这样做:

input:focus {
    outline:none;
}

EDIT(2015):如果您正在为广大受众设计,请回想一下,对于通过键盘导航或需要更明显的视觉反馈的用户而言,大纲通常是一个关键的辅助功能.如果删除轮廓,请确保定义另一种焦点状态,为用户提供适当的视觉反馈.

Answer 2

我更喜欢一个很好的固定重置,如:

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

锚标签上的'none'大纲可以防止许多Android浏览器出现可怕的焦点轮廓.