How to: Remove the Yellow Input Field Outline in Chrome

6th June 2012

Get annoyed by the mustard colour highlight which Google Chrome puts around input boxes? It looks something like this:

Yellow input outline in Google Chrome

Here’s how to be rid of them quickly and easily using CSS.

Open your stylesheet and add the following rule:

Save, upload and you’re done.

NB: Because this post is more than two years old, and the world of web design and technology moves on so quickly, the information in it may now be out of date


Leave a Reply

Brilliant website with a huge volume of material made accessible. Really effective and easy to use. Can’t recommend you highly enough.

Marie Wright (OXDOX)