FireFox's Yellow Text Inputs??

[Shaun(OfTheDead)]

Hello.

Does anyone know what causes those nasty looking yellow text inputs in FireFox ?? I can't even style them to look more pleasant.

What are they meant to show??

[Shaun(OfTheDead)]

This is what I'm talking about, by the way... scribblefactory.net/Guestbook/

The first text field has that aweful yellow background.

[Shaun(OfTheDead)]

Hello

Google toolbar ?

No, I mean in the webpages themselves. In forms.

[Raffles]

This is what I'm talking about, by the way... scribblefactory.net/Guestbook/

The first text field has that aweful yellow background.

They all have an awful pink colour when I look at them in FF. They're simply styled with CSS...

[Shaun(OfTheDead)]

They all have an awful pink colour when I look at them in FF. They're simply styled with CSS...

The "awful pink colour" was intentional...

The horrible yellow one wasn't.



I'd like to swap the horrible yellow for the awful pink, but I can't even style it away... Any ideas??

[stymiee]

The Google toolbar does this. Once I disabled it it went away.

[Shaun(OfTheDead)]

The Google toolbar does this. Once I disabled it it went away.

Ore so that's what all4nerds meant !!...

Okay then, so how can I prevent my viewers who use FF from seeing that ??...

I tried googling it and got a lot of results of people complaining about it, but no solutions.

Does anyone here know??

[Raffles]

Try giving that input box a different name (not username). If that doesn't work, try changing the name of the label (not Name. Also wrap those up with <label for="inputelementitsfor"></label> tags.

[Shaun(OfTheDead)]

ha!!

Now this is all well and good, but how now do my viewers know that they're supposed to put their name there??...



I wonder who's brilliant idea it was to bundle Google Toolbar with FireFox ??

I'm not going to resort to using an image for the label so I guess I'll just have to live with it... yaah :S

[brandaggio]

You can override this behavior by using something like:

input { background-color: #ffefdf !important; }

on the rules for the inputs in question.

However, this is frowned upon by accessibility purists who rightfully say let the user control it. I would agree, but in this case it would appear most people who have this little Google app installed are unaware and/or oblivious to all of the different behaviors it creates in forms.

[Tyssen]

Or you can use javascript to do it: http://code.jenseng.com/google/

[brandaggio]

Or you can use javascript to do it: http://code.jenseng.com/google/

Nice .

[gnarly]

I wonder who's brilliant idea it was to bundle Google Toolbar with FireFox ??

Google's. Mozilla are happy because Google will pay them for the priveledge. IIRC when you download Firefox from the Mozilla site you don't get the toolbar.

I'm not going to resort to using an image for the label so I guess I'll just have to live with it... yaah[/FONT] :S

Make sure you give it appropriate alt text or you've rendered it completely useless to anybody browsing without images. Of course the Google toolbar might pick up on that alt text...

Why don't you let the google toolbar do it's job and let the user see which form elements it can auto-fill for them? If you don't like that, switch it off on your browser, but don't ruin that function for everybody else out there

[Shaun(OfTheDead)]

Why don't you let the google toolbar do it's job and let the user see which form elements it can auto-fill for them?

Yeah but the thing is no one even know what the yellow form field means!!... They're just going to assume that that's how the webpage is supposed to look.

[Raffles]

Yeah but the thing is no one even know what the yellow form field means!!... They're just going to assume that that's how the webpage is supposed to look.

If they're going to a page with forms other than yours (likely) they're sure to notice a pattern.

[Nadia P]

Yeah but the thing is no one even know what the yellow form field means!!... They're just going to assume that that's how the webpage is supposed to look.

I seriously wouldn't worry so much about it... most visitors using IE will see it anyway... I'm pretty sure it's on by default...

Unless you are rally anal about the look of it in which you can always put a small text disclaimer there and say the yellow in the input field *is not* the fault of the designer :-)

Nadia

[Tyssen]

There's a bit more to it than that. From an accessibility point of view, if you use a change of background colour on :focus to indicate to users where they are in a form, that change will be lost to people with the Google Toolbar (and FF's autofill extension) unless you override it.

[Shaun(OfTheDead)]

...Unless you are rally anal about the look of it...

Hello

Well did you fix it ? (I don't use the Google toolbar )

Hey. Yeah I did. The background:#ffefdf !important; thing did the trick. Thanks, John Wozniak.