0

I am trying to disable the highlight of selected elements.

This is what it currently looks like:

example with blue glow

Here is what I am trying to achieve:

example without blue glow

The only way for there to be no blue glow is to click where there isn't an image button, but even then it reappears every time on the first button when I click the extension icon.

I came across the question Remove Safari/Chrome textinput/textarea glow earlier on StackOverflow, but the CSS properties -webkit-appearance, outline, outline-color, and outline-style did not fix anything.

I have a GitHub repository at https://github.com/Usernamer/EmojiChrome.

Community
  • 1
  • 1
bb216b3acfd8f72cbc8f899d4d6963
  • 743
  • 11
  • 21

1 Answers1

0

This glow is the highlight of the focused input element.

You need a CSS rule for the :focus pseudo-selector (inline for example, but best contained in a separate file)

<style>
  input:focus { outline: none; }
</style>
Xan
  • 74,770
  • 16
  • 179
  • 206
  • Can I do this via HTML using: ``? – bb216b3acfd8f72cbc8f899d4d6963 May 18 '16 at 11:08
  • Why would it be, if it's CSS, not JS? Besides, inline JS code is not allowed in extensions. – Xan May 18 '16 at 11:09
  • Ah, looking at your code I see the problem. Well, live and learn: [MDN on ` – Xan May 18 '16 at 11:11