Remove Input Textarea Border or Outline When Focused

When you click a html input or textarea, you may find there exists a border around them.

Here is an example:

How to remove this border? In this tutorial, we will introduce you how to do.

The simplest way is to use css to remove it.

input, textarea{outline:none;}

Then you will find the border is gone.