以下琐碎(但令人讨厌)的问题仅发生在Chrome上。 Firefox和IE没有出现问题。我正在使用每个版本的最新版本。我还没有检查过Safari。
在测试表单时,我注意到当输入之前输入的数据时,字段的背景颜色会改变颜色。
示例:
我有两个文本字段: first_name 和 last_name 。我输入比尔和琼斯并提交表格。一切都很棒。
现在,我回去进入比尔和史密斯。这就是问题所在。
因为我已经在 first_name 中输入了Bill,Chrome会将 first_name 的背景颜色更改为难看的黄色,并覆盖我想要的浅灰色。< / p>
但是,姓氏不会这样做,因为我输入了不同的姓氏。只要先前未输入数据,背景颜色将保持灰色。如果先前已输入,则为丑陋的黄色。
正如我上面提到的,这不会发生在IE或Firefox中。
我已在多个Chrome安装上测试过,问题总是重复出现。所以这绝对是一个Chrome问题。
此外,这仅发生在某些TEXT字段上。我有一个SELECT字段,不会导致问题。我还有另一个TEXT字段,它接受来自jQuery datepicker的日期。这也不会导致问题。
最后一件可能有用的事情。下面显示的代码是我目前使用的代码。如果我添加 autocomplete =“off”,则会解决问题。但我想要autocomplete =“on”。
<input class="input_textfield" type="text" name="first_name" placeholder="First Name" required />
那么,有没有人知道如何用CSS解决这个问题?还是我被困在丑陋的黄色?我试过寻找答案,但我不确定我是否在问正确的问题。
感谢阅读。