当我在电子邮箱中写下电子邮件时,我没有任何问题并且显示完美.但是当谷歌浏览器决定自动填充时,左侧的图像将被删除. http://s9.postimg.org/suz3z56f3/Sem_t_tulo.jpg
我已经阅读了一些关于黑客攻击黄色背景的主题,但是图像仍在消失.
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}
Run Code Online (Sandbox Code Playgroud)
// html
<input type='email' class='email' placeholder='email'/>
Run Code Online (Sandbox Code Playgroud)
// css
.email{
background-image: url('http://www.letsgocook.net/sites/default/img/email.png');
background-repeat: no-repeat;
padding-left: 35px;
}
Run Code Online (Sandbox Code Playgroud)
http://jsfiddle.net/9AM6X/ >示例,但没有显示错误,因为我无法在jsfiddle中复制chrome的自动填充.