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.

Thank you very much to Jo Cox Design for assisting in changing and updating our website. Jo was extremely helpful and dealt with my requests very quickly. Would certainly recommend.

(Rachel Watmough (Butterfly Bridal Boutique))