样式表单字段,Chrome问题

时间:2015-04-19 20:58:13

标签: html css forms google-chrome

以下琐碎(但令人讨厌)的问题仅发生在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解决这个问题?还是我被困在丑陋的黄色?我试过寻找答案,但我不确定我是否在问正确的问题。

感谢阅读。

0 个答案:

没有答案