禁用所选元素的突出显示

Question

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

目前的情况如下：

这是我想要实现的目标：

没有蓝色光晕的唯一方法是单击没有图像按钮的位置，但是当我点击扩展图标时，每次在第一个按钮上都会再次出现。

我之前在StackOverflow上遇到了问题Remove Safari/Chrome textinput/textarea glow，但CSS属性-webkit-appearance，outline，outline-color和outline-style没有解决任何问题。

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

Answer 1

此发光是聚焦输入元素的亮点。

您需要:focus伪选择器的CSS规则（例如内联，但最好包含在单独的文件中）

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