我有一个输入，在 Chrome 中，当弹出自动完成菜单并且您将鼠标悬停在其中一个选项上时，输入下方的内容会跳转。就像自动完成选择由于某种原因添加垂直填充一样。我怎样才能阻止这个，这很烦人。这是一个例子：
小提琴演示 https://jsfiddle.net/wamosjk/djufz64L/
您可能不得不动手，因为在代码片段中，自动完成功能由于某种原因被禁用。但是，如果您单击输入并将鼠标悬停在自动完成条目上，您可以看到绿色框移动。为什么会发生这种情况以及如何禁用这种行为。
div{
width:300px;
height:200px;
background: green;
}
<input type="text" name="q" />
<div></div>
它与 webkit 浏览器应用于自动填充的默认样式有关。似乎有一个与默认边框不同的定义边框。您可以简单地尝试覆盖某些样式以避免出现问题。
仅更改边框即可解决此问题（至少对我而言）
div{
width:300px;
height:200px;
background: green;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
border:1px inset;
}
<input type="text" name="q" />
<div></div>
有关的：删除 Chrome 自动完成的输入背景颜色？ https://stackoverflow.com/q/2781549/8620333
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
