Hi can someone help please? This has probably been covered before so apologies if I'm asking old questions.

 

I have a form on a clients website, styled with CSS, however on some browsers (which seem to have the Google Toolbar installed) the forms fields appear yellow.

 

Problem is, the client wanted a dark website, so the field backgrounds are black with white font used for input text. If the input fields are yellow you can't see the text very well, if I make the text darker then anyone who sees the form normally won't be able to see it very well either.

 

Anyone know how to stop the form fields appearing yellow? (I've already got a CSS style for the input boxs stating background colour to be black)

 

Is it related to Browser plugins?

 

You can see the form page here; http://www.bonkersplaybarn.co.uk/contact/contact.php

and the stylesheet here; http://www.bonkersplaybarn.co.uk/styles/forms.css

 

Thanks in advance for any suggestions

Have you got Google Toolbar on? The yellow is indicting you can use AutoFill to fill in the fields.

Not tried to get round it myself... never bothered me....

i think you need to specify the <td>background in your CSS (i believe your background is yellow as default.)

 

I am at work at the moment (lunch break) so cannot really look into futher, your CSS sheet is very hard to read it downloaded all on one line !

So if noone solved this by the time i get home i will look into it for you....

 

E x

Have you got Google Toolbar on? The yellow is indicting you can use AutoFill to fill in the fields.

Not tried to get round it myself... never bothered me....

 

No I don't use the Google Toolbar myself, this problem was reported to my from someone using the site. I have installed Google Toolbar on a test machine but it doesn't show any fields on the form as yellow, however I have just remoted to a client PC and browsed the form from there and can see the yellow backgrounds (the client PC has Google Toolbar installed).

 

I can't stop users from browsing the website if they have Google Toolbar installed so I wonder if I can prevent the autofill from working using javascript

i think you need to specify the <td>background in your CSS (i believe your background is yellow as default.)

 

I am at work at the moment (lunch break) so cannot really look into futher, your CSS sheet is very hard to read it downloaded all on one line !

So if noone solved this by the time i get home i will look into it for you....

 

E x

 

Hi Emmi, thanks for replying.

 

I have specified the background to be black, but I have targetted the <input> tag rather than the <td>. I used to apply the colour on the <td> but that didn't make a difference.

Hi Emmi, thanks for replying.

 

I have specified the background to be black, but I have targetted the <input> tag rather than the <td>. I used to apply the colour on the <td> but that didn't make a difference.

 

 

If you search google you'll find a work around, but its in javascript.

 

But, for the extra effort, I dont see the point. It's only there because of googles autofill on their toolbars.

If you search google you'll find a work around, but its in javascript.

 

But, for the extra effort, I dont see the point. It's only there because of googles autofill on their toolbars.

 

Hi Jay,

 

Thanks for the reply, the point for this is due to the colour of the text. The form has to be black, therefore I used white text in the input box's, however if the input box's are yellow you can't see the text (well not easily anyway).

 

I'll try googling a work around in javascript as you recommended.

Hi Jay,

 

Thanks for the reply, the point for this is due to the colour of the text. The form has to be black, therefore I used white text in the input box's, however if the input box's are yellow you can't see the text (well not easily anyway).

 

I'll try googling a work around in javascript as you recommended.

 

 

Have a look here then

 

http://code.jenseng.com/google/

You could name the text feilds as something that google wouldn't recognise. If it doesn't know what it is then it can't autofill it and won't turn yellow.

Have a look here then

 

http://code.jenseng.com/google/

 

Hi Jay,

 

Thanks mate looks good

Could it be that autocomplete has been turned on in the browser?

 

i wonder..........