Chrome browser added border for focus event

I have tested inside Mozilla and also inside Chrome. It is strange that browser Chrome added additional border around icon. Is there some special class to prevent this? I enclose my image. This is not showing inside other browser Mozilla when I click on icon.


  1. Don’t do it!

  2. The plague of outline:0

  3. Keyboard Accessibility



There is no special class to avoid this. You must reset it manually.

It’s added to help users see where they are focused on, and what Chrome did is very good, because it has a light/dark outline which will help it show up on dark AND light backgrounds.

Unless you give it a special outline itself (which the web development world probably should do), then I wouldn’t touch it.

1 Like

Thank you for the information and all messages.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.