Fixing the yellow input box

Written by Bobby Hash on February 10th, 2009

Firefox by default designates certain form input fields as important by giving them a yellow backgroundFor those that do a lot of work in interface design, this won’t necessarily be a new trick. However this could prove quite useful for those new to designing forms with css.

There is a bug within firefox that turns commonly important fields yellow (such as name, email or phone).

The simpliest way around the matter is to designate your input background as important. In the example below, the style is regarding all input tags.

input {
background:#fff !important;
}

Hope this helps!

Comments are closed.