什么会导致浏览器在点击HTML元素时在其周围贴上"焦点光环" ?
这发生在使用元素+ CSS样式来反映按钮状态的自定义按钮栏(想想单选按钮)上。当点击其中一个span时，Chrome会在它周围包裹一条橙色线，而Firefox则使用黑色虚线。
我知道这听起来很傻很简单，可能是，但它给了我适合尝试确定这种行为从何而来-对于一些，这是整个应用程序中唯一的组件遭受这种浏览器行为。
有什么想法可以阻止浏览器这样做吗?
哎呀，这是唯一的侦听器附件，即使它被删除，行为也会继续:
tab.addEventListener("mousedown", this.e_tabMouseDown, false)
根据张贴的建议，CSS已被修改，包括以下新增内容:-webkit-user-select:没有;-khtml-user-select:没有;-moz-user-select: -moz-none;-o-user-select:没有;用户选择:没有;
但问题仍然存在。更具体地说，这种行为不会突出显示任何选中的文本——它只是在不需要的地方绘制一个焦点框。
答:更新虽然上面建议的CSS模型可以摆脱文本高亮显示，但焦点"光环"可以通过以下样式规则淘汰:outline: none;
虽然链接文章中建议的CSS模型将摆脱文本高亮显示，但焦点"halo"可以通过以下样式规则淘汰:
大纲:没有;
这是浏览器的默认行为，可以使用CSS重写。看看这个问题的答案:如何使用CSS禁用文本选择高亮显示?