【发布时间】：2012-03-06 11:10:03
【问题描述】：
如何使用纯 CSS 去除选定文本输入框周围的蓝色光晕？
【问题讨论】：
-
实际上，在谷歌浏览器中，它是橙色的。只是说;）
-
@wecsam：一开始我真的很困惑，因为我已经习惯了 Chrome 的橙色轮廓。 :P
【发布时间】：2012-03-06 11:10:03
【问题描述】：
应该这样做：
input:focus {
outline:none;
}
编辑（2015 年）：如果您正在为广大受众进行设计，请记住，对于通过键盘导航或需要更明显视觉反馈的用户而言，大纲通常是一项关键的辅助功能。如果您删除了轮廓，请务必定义一个替代焦点状态，以便为您的用户提供适当的视觉反馈。
【讨论】：
-
有时也需要 box-shadow:none
-
在 Chrome
version 45.0.2454.101 m上都不适合我 :( -
由于浏览器的限制，选择 > 选项属性大纲由 shadowDOM 处理。你可以试试 [这个] (harvesthq.github.io/chosen) jQuery 插件
我更喜欢一个不错的可靠重置，例如：
input, textarea, select, a { outline: none; }
锚标签上的“无”轮廓可防止在许多 Android 浏览器上出现可怕的焦点轮廓。
【讨论】：
-
输入大纲只允许在焦点上
-
我也更喜欢这个。此外，
select:focus似乎对我不起作用。我认为这样做完全没有问题。:focus是不必要的显式。 -
我需要添加
!important才能为我工作。
如果您使用的是引导程序，则必须添加 box-shadow: none
input:focus {
outline:none;
box-shadow: none;
}
【讨论】：