[Tip] How to Remove Black Border Outline When You Click inside Text Input Box in Google Chrome
SUMMARY: When you open a webpage in Google Chrome web browser and the web page contains an online form or text input fields such as text box, search box, etc and you click inside those text input boxes to focus them, Chrome highlights the input boxes with a thick Black border outline. If you are annoyed by this behavior and want to disable and remove the black border outline around text input boxes in Chrome, this article will help you.
We are going to address this annoying issue second time. We posted an article to fix a similar issue last year which helped users in getting rid of black border highlight feature in Chrome. You can find the tutorial at following link:
[Fix] Google Chrome Showing Thick Black Border Highlight on Text Box and Other Focused Items
Advertisement
Now users have started a similar issue which is not fixed by the solution given in above mentioned tutorial.
Many Chrome users contacted us regarding this irritating issue. Whenever they click inside text input objects on websites such as textbox, search box, etc, Chrome automatically highlights the focused boxes with a black border outline which looks ugly.
Following screenshot shows the black border outline highlighting text input box in Google Chrome web browser:
If you want to disable this border outline in Chrome, following steps will help you.
Actually it’s a built-in feature of Google Chrome which is a part of accessibility. Sometimes this feature is accidentally activated or enabled by the user while modifying Chrome Settings or sometimes a 3rd party extension/add-on enables this option and the user starts getting black border outline on text boxes.
You just need to turn off i.e. disable this accessibility option using Chrome Settings page and the black border outline around text input fields will disappear.
Advertisement
Check out following steps to get rid of black border outline in Google Chrome:
1. Open Google Chrome web browser, click on 3-dots menu and select Settings option. Alternatively, you can directly open the Settings page by typing chrome://settings/ in Chrome address bar.
2. It’ll open Chrome Settings page. Scroll down to bottom and click on “Advanced” link.
3. Again scroll down and you’ll see “Show a quick highlight on the focused object” option present under “Accessibility” section.
If this option is enabled, Chrome will show black border outline around text boxes on webpages.
To remove the black border outline, disable the option by setting the toggle button to OFF.
That’s it. It’ll immediately remove the black border outline. Now you can click inside any text input fields on webpages and Chrome will never highlight them with black border outline.
Thanks to our reader “rohan ghs” for this tip…
Also Check:
[Windows 10 Tip] Remove Thick Highlight Border from Focused Items
Thanks sir, I was getting this problem from 3 days. After all you helped me. Thank you very very much sir
Thanks a lot, bro
well done, very helpful
Thanks man..big help..👍👍👍
Your solution does not work for a user on current Macbook user on latest version of Chrome. The Focus feature is there all the time after reboots and running OS updates.
Thanks so much for resolving such irritate issue.
thank you, such a simple fix saved me hours of frustrating searches
thanks for your solution , it helped me out. 😍😍😍