什么会导致浏览器点击HTML元素周围的“聚焦光环”？
这发生在使用元素+ CSS样式来反映按钮状态的自定义按钮栏（想想单选按钮）上。单击其中一个跨度时，Chrome会在其周围包裹橙色线，而Firefox则使用黑色虚线。
我知道这听起来很简单，而且很可能是，但它让我适合尝试识别此行为的来源 - 对于某些人来说，这是整个应用程序中唯一遭受此浏览器行为影响的组件。 / p>
有什么想法/如何阻止浏览器执行此操作？
FWIW，这是唯一的侦听器附件，即使删除它也会继续行为：
tab.addEventListener("mousedown", this.e_tabMouseDown, false)
根据发布的建议，CSS已经过修改，包含以下内容： -webkit-user-select：none; -khtml-user-select：none; -moz-user-select：-moz-none; -o-user-select：none; user-select：none;
但问题仍然存在。更具体地说，这种行为并不突出显示任何选定的文本 - 它只是绘制一个不需要的焦点框。
更新答案： 虽然上面提到的CSS mods将摆脱文本突出显示，但焦点“光环”可以用这种风格规则被淘汰：outline：none;
答案 0 :(得分：2)
虽然在链接帖子中建议的CSS mods将摆脱文本突出显示，但焦点“光环”可以用这种风格规则被淘汰：
outline：none;
答案 1 :(得分：0)
这是浏览器的默认行为，可以使用CSS覆盖。请参阅此问题的答案：How to disable text selection highlighting using CSS?