February 10th, 2009

...now browsing by day

 

Fixing the yellow input box

Tuesday, 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!