Forum Moderators: not2easy
I've got a very -strange- problem.. I've got an html form styled by css. The background to the form elements are black and their borders/input values are white.
CSS:
#sub_form input, textarea, .select {
background-color:black;
color:white;
border:1px solid white;
float: right;
margin-left:5%;
width: 65%;
text-align: left;
}
#sub_form .row {
clear: both;
padding-top: 5px;
}
And the problematic html:
<div class="row">
<label for="email">Email</label><input type="text" name="email" value="[PHP-generated value]" />
</div>
The float, margins etc are for a 'tabular' form done in css. The problem is the background colour! On my computer it shows up black no problem. On several other computers it's also black.
But on a friend's computer, it's yellow! White border, white text, but black background. And what's more, it's JUST that form element (the other elements are black for her). There's a few more elements to the form, including other text fields, and they're black no problem..
My friend's using IE6 on WinXP, but hasn't any other browsers to test it on. I've tested the page in IE6, IE5.5, Opera, Firefox and Netscape and the background's black .. I'm assuming it's NOT a css problem, but a problem on my friend's computer?
Am I right? Has anyone else experienced this?
Many thanks in advance,
Alex ...
Sounds like the Google toolbar. It can flag fields that it may have a stored value for (like name) and can autocomplete the field.
It flags this to the user by colouring the field yellow. This can be disabled in the options.
HTH
I knew it wasn't a CSS problem.
Mind you, the field wasn't auto-filled since it was a blank form she loaded. Or does even a value='' activate the colour thing?
I believe that it uses the name attribute to determine whether it has any data relevant to the field...
Thanks for your help!
