Override Chrome's Automatic Border Around Active Fields Using CSS

by Bill Beckelman 15. September 2008 10:49

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.

Tags:

Chrome | CSS

ASP.NET Remove GridView Border From EmptyDataTemplateI like to put a border around my gridviews. However, when they are empty, the border doesn't look go...Clear Input Fields in an AjaxControlToolkit ModalPopup When Cancel is ClickedIt has always bugged me that when I click cancel in an AjaxControlToolkit ModalPopup that any input ...Use CSS and jQuery to let User Choose to Print in Black and White or ColorI have some reports on our intranet that look great in color on the screen, but if someone lucky eno...