configuration - 自动完成字段对齐左上角

Question

注意： 这是 Firefox 自带的内在（内置）自动完成功能。如果有帮助，我记得修复与 Firefoxabout:config页面中的设置有关。

我对此进行了修复，涉及更改配置设置，但现在我忘记了如何去做。就是这个：

它是什么？这是一个简单的about:config修复，也许与某种加速有关。谢谢。

Answer 1

最初这个问题被标记为css并且没有提到自动完成是内置的。为未来的访问者保留 JavaScript + CSS（例如 jQuery UI 自动完成）案例的答案。

内置自动完成

页面内容（甚至 CSS 和 JavaScript）不会影响内置的自动完成功能，AFAIK。页面作者只能使用HTML5 中的 autocomplete 属性和requestAutocompleteChromium 中的 API。

唯一可能影响内置自动完成功能的是浏览器设置。错误的建议列表位置绝对是浏览器错误。您只是在寻找一种解决方法，一种不会触发错误的配置。Firefox 配置可在 中访问about:config，因此您需要在此处进行更改是对的。

关于 UI 显示，我唯一想到的是硬件加速，这往往会造成麻烦。这可以通过about:config. 搜索图层。你说它不能解决你的问题；我被困住了，因为我没有其他想法。

JavaScript 自动完成

在这种情况下，该问题可能是由绝对定位和坐标系选择不当引起的。有关更多信息，请参阅规范中的包含块和绝对定位。

尝试将position封闭框的属性更改为relative.

#mailinput {
    position: relative;
}
#mailinput #mail_autocomplete {
    position: absolute;
    top: 1.5em;
}

Answer 2

根据图片，我假设自动完成字段的容器元素需要设置为 position:relative。这是我可以在没有代码的情况下给出的最好的猜测。