什么会导致浏览器在单击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/