Отключить выделение выделенного элемента

Question

Я пытаюсь отключить выделение выбранных элементов.

Это то, что она в настоящее время выглядит следующим образом:

Вот что я пытаюсь достичь:

Единственный путь там быть не голубого свечения не чтобы щелкнуть, где нет кнопки изображения, но даже тогда она появляется каждый раз на первой кнопке, когда я нажимаю значок расширения.

я наткнулся на вопрос Remove Safari/Chrome textinput/textarea glow ранее на StackOverflow, но свойства CSS -webkit-appearance, outline, outline-color и outline-style ничего не исправить.

У меня есть хранилище GitHub на https://github.com/Usernamer/EmojiChrome.

Answer 1

Это свечение является изюминкой фокусированного элемента ввода.

Вам нужно правило CSS для :focus псевдо-селектор (рядный, например, но лучше в отдельном файле)

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