There might be a time when you don't want Chrome's automatic border around active fields or you want to change its color or something. Its pretty easy to change using CSS if you need to.
Demo To remove the border for all fields you can use the following:
*:focus {outline: none;}
To remove the border for select fields just apply this class to the input fields you want:
.nohighlight:focus
{
outline:none;
}
You can of course change the border as you desire as well:
.changeborder:focus
{
outline:Blue Solid 4px;
}
Hope this helps someone down the road.
Subscribe