1

什么会导致浏览器在单击 HTML 元素时在其周围贴上“焦点光环”？

这发生在使用元素 + CSS 样式来反映按钮状态的自定义按钮栏（想想单选按钮）上。单击其中一个跨度时，Chrome 会在其周围环绕一条橙色线，而 Firefox 使用黑色虚线。

我知道这听起来很愚蠢，而且很可能是这样，但它让我试图确定这种行为的来源——因为对于某些人来说，这是整个应用程序中唯一遭受这种浏览器行为影响的组件。

任何想法在哪里/如何阻止浏览器这样做？

FWIW，这是唯一的侦听器附件，即使将其删除，行为也会继续：

  tab.addEventListener("mousedown", this.e_tabMouseDown, false)

根据发布的建议，CSS 已被修改为包含以下添加：-webkit-user-select: none; -khtml-用户选择：无；-moz-用户选择：-moz-none；-o-用户选择：无；用户选择：无；

但问题仍然存在。更具体地说，此行为不会突出显示任何选定的文本 - 它只是在不需要的地方绘制一个焦点框。

更新答案：虽然上面建议的 CSS 模块将摆脱文本突出显示，但可以使用以下样式规则消除焦点“光环”：大纲：无；

4

2 回答 2

2

虽然链接帖子中建议的 CSS 模块将摆脱文本突出显示，但可以使用以下样式规则消除焦点“光环”：

大纲：无；

于 2013-05-29T20:03:02.923 回答
0

这是浏览器的默认行为，可以使用 CSS 覆盖。请参阅此问题的答案：如何使用 CSS 禁用文本选择突出显示？

于 2013-05-29T19:14:26.893 回答