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.

Leave a Reply

Jo Cox Design is great value for money. Jo understood the brief completely, while the handover/after-sales were very reassuring. Two things that I would like to highlight: 1) Jo gives you a useful training session in using WP and 2) the mobile version of my website is particularly exceptional. I can highly recommend Jo to any potential client, from a start-up to a fully fledged organization, looking to make an impact on the web.

Stephen Gregson (Language & Culture)