SitePoint Sponsor

User Tag List

Results 1 to 18 of 18
  1. #1
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)

    FireFox's Yellow Text Inputs??

    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??

  2. #2
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    This is what I'm talking about, by the way... scribblefactory.net/Guestbook/

    The first text field has that aweful yellow background.

  3. #3
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by all4nerds
    Hello

    Google toolbar ?
    No, I mean in the webpages themselves. In forms.

  4. #4
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Shaun(OfTheDead)
    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...

  5. #5
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Raffles
    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??

  6. #6
    He's No Good To Me Dead silver trophybronze trophy stymiee's Avatar
    Join Date
    Feb 2003
    Location
    Slave I
    Posts
    23,426
    Mentioned
    2 Post(s)
    Tagged
    1 Thread(s)
    The Google toolbar does this. Once I disabled it it went away.

  7. #7
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by stymiee
    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??

  8. #8
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    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.

  9. #9
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    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

  10. #10
    Brevity is greatly overrated brandaggio's Avatar
    Join Date
    Dec 2005
    Posts
    1,424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can override this behavior by using something like:
    Code:
    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.

  11. #11
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Or you can use javascript to do it: http://code.jenseng.com/google/

  12. #12
    Brevity is greatly overrated brandaggio's Avatar
    Join Date
    Dec 2005
    Posts
    1,424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tyssen
    Or you can use javascript to do it: http://code.jenseng.com/google/
    Nice .

  13. #13
    Guru Meditation Error gnarly's Avatar
    Join Date
    Dec 2003
    Location
    Cheltenham, United Kingdom
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Shaun(OfTheDead)
    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.

    Quote Originally Posted by Shaun(OfTheDead)
    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
    Olly Hodgson
    thinkdrastic.net

  14. #14
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by gnarly
    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.

  15. #15
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Shaun(OfTheDead)
    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.

  16. #16
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Shaun(OfTheDead)
    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

  17. #17
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  18. #18
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Nadia P
    ...Unless you are rally anal about the look of it...



    Quote Originally Posted by all4nerds
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •