How to remove focus border of browsers?

Some browsers add an outline on the element when you focus it. ex: Firefox
If you don't want it, you can remove it via a CSS trick:

<style type="text/css">
:focus { outline: none; }
</style>