View Tutorial Metadata Edit Content Revision History Add to Watchlist Add New Tutorial Eliminate Chrome yellow border on forms

Eliminate Chrome yellow border on forms

Some people understand "user-friendliness" and design rather differently than Google does. So, to eliminate the outline border effect on form element focus, which is Chrome’s default behavior, here is a quick fix.

In the CSS you set the default behavior as it is in the rest of the browsers.

input,select,textarea{
    outline:none;
}

Only plain text supported.

Optional

Required - will be kept private

Optional

 
 

Rating: (2+, 0-) In: Web Browsers