Bug 10528 – search and login fields display incorrectly

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: Forms

Using build r15987. The entry fields at the top of the page display wierd on the latest build. They look fine in the latest shipping verison of Safari (419.3). And if firefox they seem to display differently as the designer had intended. 

In the latest build the search and username fields do now show up at all though you can click on them and enter text into them and the password field looks fine.

Confirmed (r16191).

They seem to work around that released Safari doesn't support styled form elements. I don't really get how the :not selector is used to achieve this, though.

Removing the following in their style sheet 503.css makes WebKit render as Firefox (only difference is WebKit renders a focus "ring", as always, around the focused elements). 

#top-middle form.search:not(:notsafari),
#top-middle form.search i.ll:not(:notsafari),
#top-middle form.search i.rr:not(:notsafari),
#rockdock span.inputter:not(:notsafari) {
    background-image:none;
    overflow:visible;
}

[Brent Fulgham]

Safari, Chrome, and Firefox appear to render the page the same way (in 2022).