禁用选定元素的突出显示

Posted

技术标签:

【中文标题】禁用选定元素的突出显示【英文标题】:Disable highlight of selected element 【发布时间】:2016-09-14 19:39:19 【问题描述】:

我正在尝试禁用所选元素的突出显示。

这是它目前的样子:

这是我想要实现的目标:

没有蓝色发光的唯一方法是单击没有图像按钮的位置,但即便如此,当我单击扩展图标时,它每次都会重新出现在第一个按钮上。

我早些时候在 *** 上遇到了问题 Remove Safari/Chrome textinput/textarea glow,但 CSS 属性 -webkit-appearanceoutlineoutline-coloroutline-style 没有解决任何问题。

我在https://github.com/Usernamer/EmojiChrome 有一个 GitHub 存储库。

【问题讨论】:

您需要在弹出窗口中进行键盘控制,还是只需要鼠标点击? @Xan 它完全依赖于鼠标点击。我试过键盘控制,但没用。 【参考方案1】:

这个光晕是焦点输入元素的亮点。

:focus 伪选择器需要一个 CSS 规则(例如内联,但最好包含在单独的文件中)

<style>
  input:focus  outline: none; 
</style>

【讨论】:

我可以通过 html 使用:&lt;script&gt;input:focus outline: none; &lt;/script&gt;吗? 如果是 CSS 而不是 JS,为什么会这样?此外,扩展中不允许内联JS代码。 啊,看看你的代码我发现了问题。好吧,生活和学习:MDN on &lt;style&gt; element。把它放在一个单独的 CSS 文件中可能会更干净。

以上是关于禁用选定元素的突出显示的主要内容,如果未能解决你的问题,请参考以下文章

Xcode 编辑器:突出显示选定符号的实例

如何禁用 UIButton 突出显示操作

禁用或更改 Firefox 的元素/图像突出显示颜色

css 禁用所有元素上不需要的突出显示

在 Chrome 开发人员工具中,如何禁用刷新元素周围的突出显示?

Qt突出显示选定的行会覆盖单个单词的突出显示