css - How to reset / remove chrome's input highlighting / focus border?

Question

This question already has answers here:

Answer 1

You should be able to remove it using

outline: none;

but keep in mind this is potentially bad for usability: It will be hard to tell whether an element is focused, which can suck when you walk through all a form's elements using the Tab key - you should reflect somehow when an element is focused.