There are many Chrome and Edge users who are finding this black border highlight feature very annoying and irritating. I think it’s a good feature addition if we talk about accessibility. It has been done to help users in easily finding the focused item on a web page.
That’s why whenever a user clicks inside text field or clicks on drop-down boxes, buttons, etc, a black border is displayed to highlight the focus. Since both Google Chrome and Microsoft Edge browsers are based on Chromium, both browsers are causing this issue.Ĭhromium team has updated form controls look-n-feel to bring touch support and consistency among all form controls. Newer versions of Chromium come with updated version of form controls and focus.
Many site developers are finding it annoying as the black border is not respecting their predefined CSS border rules.Īctually it’s not an issue or problem. Many Google Chrome and Microsoft Edge users have reported us that suddenly their browser started showing thick black border around text fields, drop-down boxes, buttons, etc items on web pages.Īs soon as users click inside a text box to type something or click on a drop-down box or buttons, Google Chrome and Microsoft Edge highlight the focused control using a dark black border.įollowing screenshots show the black border problem in Google Chrome web browser: