原因是我把它直接放在输入元素中，问题就出现了，所以如果你把这个图标放在输入表单之外，就不会有问题了。
两。表单自动填充将如何添加浏览器默认样式如何处理和避免
图二中，当表格自动填充，Chrome将默认为自动填充输入形式输入：WebKit的自动填充的私有财产
输入：WebKit的自动填充，文本：WebKit的自动填充，选择：- WebKit填充{
背景颜色：RGB（250, 255, 189）； / * * / # faffbd；
背景图片：无；
颜色：RGB（0, 0, 0）；
}
当我看到这里的代码时，我想用一个样式覆盖法来解决它！重要的是要改进优先级！重要的是不能叠加原有的背景、字体颜色，除铬默认定义的背景颜色、背景图片、颜色不能使用外。
重要的提升优先级，以及其他属性可以用来提高优先级。
输入：WebKit的自动填充，文本：WebKit的自动填充，选择：- WebKit填充{
背景颜色：# ffffff；
背景图片：无；
颜色：# 333；
WebKit的文本填充颜色： / / / *红；这种私有财产是有效的。
}
输入：WebKit的自动填充：悬停{
样式代码
}
输入：WebKit的自动填充：焦点{
样式代码
}
有两个想法，1，补丁，修复错误。2，关闭浏览器来填充表单功能。
场景1：输入文本框是纯色背景。
uff1a结算条款
输入：- WebKit填充{
Webkit框阴影：00 0px 1000px白插图；
WebKit的文本填充颜色：# 333；
}
场景二：输入文本框使用图片背景
uff1a结算条款
如果（navigator.useragent.tolowercase（。指标）（铬）> = 0）
{
无功_interval = window.setinterval（function（））{
VaR的营= $（输入：WebKit的自动填充的）；
如果（autofills.length > 0）{
window.clearinterval（_interval）； / /停止投票
autofills.each（函数（）{（）
var克隆= $（this）。Clone（true，true）；
$（此）；
}）；
}
}，20）；
}
首先判断是否是Chrome，如果这样的话，然后遍历输入：WebKit的填充单元，再由值添加，删除等操作，实现。这个方法不行！
所以最后，我没有使用图标作为输入表单的背景图片，而是写了一个标签并把图标从表单中取出。
想法二：关闭浏览器以填充表单功能
设置窗体属性自动完成=关/在关闭自动填写表单，并记住自己的密码
图：这个邮箱的小图标在没有自动填充输入窗体的背景图片。
图：在填充后，邮箱图标被默认的浏览器风格所覆盖。
去年，uff0c
如果您不想在表单浏览器中添加更多默认样式，请在窗体之外放置小图标，这是输入框。
只有边框的底部，如果输入框有边框，它可能需要使用div边框假装是输入框的边框，然后输入框是没有边框的。
像这样的输入框
通过以上方法帮助朋友解决浏览器自动添加默认样式的问题，小伙伴们可以放心这篇文章了。
