How to remove or hide the orange border around input or textarea box in Google Chrome

Hi guys! In this tutorial I will explain how you can remove or hide the orange border around input or textarea box in Google Chrome, Opera, Safari and other browser.

So, if you want to remove or hide the orange border around input or textarea box, add outline: none.

A sample example:

input{
outline: none;
}

textarea{
outline: none;
}

Next, if you want to hide the input's border, use this code border:none;

If you want to get a transparent background for your input and textarea boxes, use: background-color:none;









Leave a Comment