Google Chrome showing black border on focus state for button user agent styles

Question

Recently i was working on a web design project, and noticed something odd, after the last Google Chrome update. The default border style(user agent style) for button is chan

Answer 1

There are 2 way to handle it.

1. configuration in chrome which few has suggested.

2. Programmatically approach outline: 0px transparent !important; in style Or outline: none !important; Both have worked for me.

Since we can't force user to do configuration, I would suggest for second Option but it is long process If you have any shorter way tell us.