什么会导致浏览器在单击HTML元素时在其周围粘贴“焦点晕”?

这发生在使用元素+ CSS样式反映按钮状态的自定义按钮栏(认为单选按钮)上。单击一个跨度时,Chrome会在其周围包裹一条橙色的线,而Firefox将使用黑色虚线。

我知道这听起来很愚蠢,也许很简单,但这让我很容易确定这种行为的来源-就某些而言,这是整个应用程序中唯一遭受这种浏览器行为困扰的组件。

有什么想法在哪里/如何阻止浏览器执行此操作?

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

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


根据发布的建议,对CSS进行了修改,以包括以下附加内容:
    -webkit-user-select:无;
    -khtml-user-select:无;
    -moz-user-select:-moz-none;
    -o-user-select:无;
    用户选择:无;

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

更新答案:
尽管上面建议的CSS mod会摆脱突出显示文本的功能,但可以使用此样式规则将焦点“晕轮”剔除。

最佳答案

虽然链接文章中建议的CSS mod会摆脱突出显示文本的功能,但是可以使用以下样式规则将焦点“光晕”剔除:

大纲:无;

关于html - 如何取消HTML的“对焦”行为?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16822033/

10-12 00:13
查看更多