小编use*_*925的帖子

Google Chrome自动填充功能可删除背景图片

当我在电子邮箱中写下电子邮件时,我没有任何问题并且显示完美.但是当谷歌浏览器决定自动填充时,左侧的图像将被删除. 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的自动填充.

html css google-chrome

10
推荐指数
3
解决办法
8985
查看次数

标签 统计

css ×1

google-chrome ×1

html ×1