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.

I put a message up on facebook that I needed someone to take over the hosting of my new website, and Jo responded and left her number. I got in touch and she took control of the situation, contacting the previous host and effecting the transfer. I have been impressed with Jo’s knowledge, helpfulness and her calm manner. Thank you Jo.

(Jo Moir)