By clicking inside the input field or focus on the input field, how to change the border color?
When the element is focussed, the User Agent (browser) by default sets an outline. So, to prevent it, we need to override it as shown below:
input, textarea, select {
outline: none;
}