删除Chrome自动填充的输入背景颜色仅用于登录

Question

我有一个特定的背景，使用图像，但铬会弄乱它，我不想用解决方案替换所有表格

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

那么它是否有一些不那么广泛和更精确的方法呢？

我正在使用laravel，所以html代码是这样的：

<li>{{ Form::email('email', '', array('placeholder' => 'E-mail', 'autocomplete'=>'off')) }}</li>
<li>{{ Form::password('password', array('placeholder' => 'Password', 'autocomplete'=>'off')) }}</li>

和它的css是这样的：

#email-field{
    background:#fff url(../../img/site/username.png) no-repeat 12px center 
}
#pass-field{
    background:#fff url(../../img/site/icon_password.png) no-repeat 12px center
}

Answer 1

#email-field:-webkit-autofill,
#pass-field:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px white inset;
}